Container

container p-5 my-5 bg-primary text-white rounded

Column

.col-sm-4

kbd

Highlighted text by kbd

Text-Types

text-primary.

text-success.

text-warning.

bg-dark text-white.

text-white-50 bg-dark

Tables

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com

Images

Alerts

alert alert-success
alert alert-success alert-dismissible fade show

Buttons



dropdown-item dropdown-item

Badges

Example heading New Primary

Progress Bar

70%



Page

Lists

  • Active item
    • Disabled item Third item

    1. First item
    2. Primary item
      3. Light item

    • First item
    • Second item
    • Third item
    • Fourth item
    • Success item

    Card

    Basic card
    Header
    Content
    Footer

    Jane Doe

    Some example text some example text. Jane Doe is an architect and engineer

    See Profile
    Card image
    Card image

    John Doe

    Some example text.

    See Profile

    Dropdown


    Collapsible

    data-bs-toggle="collapse"


    tab-pane container active

    Modal

    offcanvas

    offcanvas

    offcanvas offcanvas-end

    offcanvas-header

    form

    Valid.
    Please fill out this field.
    Valid.
    Please fill out this field.
    Valid.
    Check this checkbox to continue.