Typography · Bootstrap v4.6 | bootstrap line height
DocumentationandexamplesforBootstraptypography,includingglobalsettings,headings,bodytext,lists,andmore.GlobalsettingsBootstrapsetsbasicglobaldisplay,typography,andlinkstyles.Whenmorecontrolisneeded,checkoutthetextualutilityclasses[1].Useanativefontstack[2]thatselectsthebestfont-familyforeachOSanddevice.Foramoreinclusiveandaccessibletypescale,weusethebrowser’sdefaultrootfont-size(typically16px)sovisitorscancustomizetheirbrowserdefaultsasneeded.Usethe$font-family-base,$font-size-base,and$line-...
Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.
Global settingsBootstrap sets basic global display, typography, and link styles. When more control is needed, check out the textual utility classes[1].
Use a native font stack[2] that selects the best font-family for each OS and device. For a more inclusive and accessible type scale, we use the browser’s default root font-size (typically 16px) so visitors can customize their browser defaults as needed. Use the $font-family-base, $font-size-base, and $line-height-base attributes as our typographic base applied to the <body>. Set the global link color via $link-color and apply link underlines only on :hover. Use $body-bg to set a background-color on the <body> (#fff by default).These styles can be found within _reboot.scss, and the global variables are defined in _variables.scss. Make sure to set $font-si...