Drift BootStrap 4, HTML, jQuery
  • Overview
  • Installation and Setup
    • Setup
    • Folders and Files Structure
  • Stylesheets
    • Overview
    • Sass Variables
    • Layouts & Theme
    • Fonts
    • Colors
    • Margin & Paddings
    • Theme Customization
    • RTL Version
  • Components
    • Alerts
    • Badges
    • Breadcrumbs
    • Buttons
    • Button Group
    • Cards
    • Card Group
    • Collapse
    • Dropdowns
    • Input Group
    • Jumbotron
    • List Group
    • Navbar
    • Navs & Tabs
    • Pagination
    • Progress Bar
    • Scrollspy
    • Typography
  • Classic Version
    • Setup
    • Folders and Files Structure
    • Theme Customizaton
    • RTL Version
Powered by GitBook
On this page
  • Headings
  • Display Headings
  • Paragraph
  • Blockquote
  • List

Was this helpful?

  1. Components

Typography

PreviousScrollspyNextSetup

Last updated 5 years ago

Was this helpful?

Headings

<h1>h1. BootStrap Heading</h1>
<h2>h2. BootStrap Heading</h2>
<h3>h3. BootStrap Heading</h3>
<h4>h4. BootStrap Heading</h4>
<h5>h5. BootStrap Heading</h5>
<h6>h6. BootStrap Heading</h6>

Display Headings

<h1 class="display-1">h1. BootStrap Heading</h1>
<h2 class="display-2">h2. BootStrap Heading</h2>
<h3 class="display-3">h3. BootStrap Heading</h3>
<h4 class="display-4">h4. BootStrap Heading</h4>
<h5 class="display-5">h5. BootStrap Heading</h5>
<h6 class="display-6 mb-0">h6. BootStrap Heading</h6>

Paragraph

<p>
    Element for abbreviations and acronyms to show the expanded
    version on hover. Abbreviations have a default underline and gain a
    help cursor to provide additional context on hover and to users of
    assistive technologies.
</p>
<p class="lead">
    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor
    auctor duis mollis, est non commodo luctus.
</p>

Blockquote

<blockquote class="blockquote">
    <span class="badge badge-light mb-3">Default</span>
    <p class="mb-0">
        Vivamus sagittis lacus vel augue laoreet rutrum faucibus
        dolo auctor duis mollis, est non commodo luctus.
    </p>
    <footer class="blockquote-footer">Someone famous with <cite title="Source Title">source title</cite>
    </footer>
</blockquote>
<blockquote class="blockquote text-center">
    <span class="badge badge-light mb-3">Center Aligned</span>
    <p class="mb-0">
        Vivamus sagittis lacus vel augue laoreet rutrum faucibus
        dolo auctor duis mollis, est non commodo luctus.
    </p>
    <footer class="blockquote-footer">Someone famous with <cite title="Source Title">source title</cite>
    </footer>
</blockquote>
<blockquote class="blockquote text-right">
    <span class="badge badge-light mb-3">Right Aligned</span>
    <p class="mb-0">
        Vivamus sagittis lacus vel augue laoreet rutrum faucibus
        dolo auctor duis mollis, est non commodo luctus.
    </p>
    <footer class="blockquote-footer">Someone famous with <cite title="Source Title">source title</cite>
    </footer>
</blockquote>

List

<ul class="list-unstyled">
    <li>Consectetur adipiscing elit</li>
    <li>Integer molestie lorem at massa</li>
    <li>Facilisis in pretium nisl aliquet
        <ul>
            <li>Phasellus iaculis neque</li>
            <li>Ac tristique libero volutpat at</li>
        </ul>
    </li>
    <li>Faucibus porta lacus fringilla vel</li>
    <li>Aenean sit amet erat nunc</li>
</ul>