Bootstrap is a free and open-source tool collection for creating responsive websites and web applications. It is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites. Nowadays, the websites are perfect for all the browsers (IE, Firefox, and Chrome) and for all sizes of screens (Desktop, Tablets, Phablets, and Phones). All thanks to Bootstrap developers – Mark Otto and Jacob Thornton of Twitter, though it was later declared to be an open-source project.
Why we use Bootstrap ?
- It is Faster and Easier way for Web-Development.
- It creates Platform-independent web-pages.
- It creates Responsive Web-pages.
- It designes the responsive web pages for mobile devices too.
- It is Free and open-source framework available on www.getbootstrap.com
how to use then??/
- Download Bootstrap from getbootstrap.com and use it:
Goto www.getbootstrap.com and click Getting Started. Click on the Download Bootstrap button.
- Include Bootstrap from CDN links:
Typography is a feature of Bootstrap for styling and formatting the text content. It is used to create customized headings, inline subheadings, lists, paragraphs, aligning, adding more design-oriented font styles and much more. Bootstrap support global settings for the font stack, Headings and Link styles to be used in the web app for every type of OS and Device to deliver the best user interface.
Typography can be used to create:
Headings
Subheadings
Text and Paragraph font color, font type and alignment
Lists
Other inline elements
Some classes and Tags to implement typography feature of bootstrap:
text-muted: It is used for text color, text-muted fades the text. i.e. text greyed out
display: It is used to create better headings.
lead: It is used to make a paragraph stand out i.e. Visually better.
mark: It is used to highlight the text.
small: It is used to create secondary subheadings.
initialism: It is used to render abbreviation in slightly small text size.
blockquote: It is used to quote content.
blockquote-footer: It is the footer details for identifying source of the Quote.
text-center: It is used to align the text to center.
list-inline: It is used to make the element of list inline.
text-truncate: It is used to shorten the longer text by truncating with ellipsis.
text-uppercase: It is used to transform text to uppercase.
text-lowercase: It is used to transform text to lowercase.
text-capitalize: It is used to transform text to capitalize first letter of each word leaving other letters in lowercase.
