Bootstrap TextTypography | Bootstrap small text
BootstrapsDefaultSettingsBootstrapsglobaldefaultfont-sizeis14px,withaline-heightof1.428.Thisisappliedtothe
elementandallparagraphs().Inaddition,all
elementshaveabottommarginthatequalshalftheircomputedline-height(10pxbydefault).Bootstrapvs.BrowserDefaultsInthischapter,wewilllookatsomeHTMLelementsthatwillbestyledalittlebitdifferentlybyBootstrapthanbrowserdefaults.
-Bydefault,BootstrapwillstyletheHTMLheadings(to)inthefollowingwa...
Bootstraps Default Settings
to)inthefollowingwa...
Bootstraps global default font-size is 14px, with a line-height of 1.428.
This is applied to the <body> element and all paragraphs (<p>).
In addition, all <p> elements have a bottom margin that equals half their computed line-height (10px by default).
Bootstrap vs. Browser DefaultsIn this chapter, we will look at some HTML elements that will be styled a little bit differently by Bootstrap than browser defaults.
<h1> - <h6>By default, Bootstrap will style the HTML headings (<h1> to <h6>) in the following way:
Exampleh2 Bootstrap heading (30px) h3 Bootstrap heading (24px) h4 Bootstrap heading (18px) h5 Bootstrap heading (14px) h6 Bootstrap heading (12px)
Try it Yourself »[1] <small>In Bootstrap the HTML <small> element is used to create a lighter, secondary text in any heading:
Example...