Bootstrap 4 TextTypography | Blockquote Bootstrap
Bootstrap4DefaultSettingsBootstrap4usesadefaultfont-sizeof16px,anditsline-heightis1.5.Thedefaultfont-familyis"HelveticaNeue",Helvetica,Arial,sans-serif.Inaddition,all
elementshavemargin-top:0andmargin-bottom:1rem(16pxbydefault).
-Bootstrap4stylesHTMLheadings(to) withabolderfont-weightandanincreasedfont-size:Exampleh2Bootstrapheading(2rem=32px)h3Bootstrapheading(1.75rem=28px)h4Bootstrapheading(1.5rem=24px)h5Bootstrapheading(1.25rem=20px)h6Bootstr...
Bootstrap 4 Default Settings
to) withabolderfont-weightandanincreasedfont-size:Exampleh2Bootstrapheading(2rem=32px)h3Bootstrapheading(1.75rem=28px)h4Bootstrapheading(1.5rem=24px)h5Bootstrapheading(1.25rem=20px)h6Bootstr...
Bootstrap 4 uses a default font-size of 16px, and its line-height is 1.5.
The default font-family is "Helvetica Neue", Helvetica, Arial, sans-serif.
In addition, all <p> elements have margin-top: 0 and margin-bottom: 1rem (16px by default).
<h1> - <h6>Bootstrap 4 styles HTML headings (<h1> to <h6>) with a bolder font-weight and an increased font-size:
Exampleh2 Bootstrap heading (2rem = 32px) h3 Bootstrap heading (1.75rem = 28px) h4 Bootstrap heading (1.5rem = 24px) h5 Bootstrap heading (1.25rem = 20px) h6 Bootstrap heading (1rem = 16px)
Try it Yourself »[1] Display HeadingsDisplay headings are used to stand out more than normal headings (larger font-size and lighter font-weight), and there are four classes to choose from: .display-1, .display-2, .display-3, .display-4
<small>In Bootstrap 4 the HTML <small>...