Documentation and examples for Bootstrap typography, + including global settings, headings, body text, lists, and more.
+
+
+ <h1></h1>
+
+
+
+ <h2></h2>
+
+
+
+ <h3></h3>
+
+
+
+ <h4></h4>
+
+
+
+ <h5></h5>
+
+
+
+ <h6></h6>
+
+
+ .h1 through
+ .h6
+ classes are also available, for when you want to match the font
+ styling of a heading but cannot use the associated HTML element.
+
h1. Bootstrap heading
+h2. Bootstrap heading
+h3. Bootstrap heading
+h4. Bootstrap heading
+h5. Bootstrap heading
+h6. Bootstrap heading
++ Traditional heading elements are designed to work best in the meat + of your page content. When you need a heading to stand out, + consider using a display heading—a larger, + slightly more opinionated heading style. +
++ Traditional heading elements are designed to work best in the meat + of your page content. When you need a heading to stand out, + consider using a display heading—a larger, + slightly more opinionated heading style. +
+You can use the mark tag to highlight text.
+
+ This line of text is meant to be treated as deleted text.
+
+ This line of text is meant to be treated as no longer accurate.
+
+ This line of text is meant to be treated as an addition to the document. +
+This line of text will render as underlined
++ This line of text is meant to be treated as fine print. +
+This line rendered as italicized text.
+
+ Align terms and descriptions horizontally by using our grid system’s
+ predefined classes (or semantic mixins). For longer terms, you can
+ optionally add a .text-truncate
+ class to truncate the text with an ellipsis.
+
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
+Donec id elit non mi porta gravida at eget metus.
+