Typography

typography

  • Headings

    h1. Bootstrap heading

    Semibold 36px

    h2. Bootstrap heading

    Semibold 30px

    h3. Bootstrap heading

    Semibold 24px

    h4. Bootstrap heading

    Semibold 18px
    h5. Bootstrap heading
    Semibold 14px
    h6. Bootstrap heading
    Semibold 12px
  • Buttons

    Default Primary Success Info Warning Danger

    Default Primary Success Info Warning Danger

    Default Primary Success Info Warning Danger

    Default Primary Success Info Warning Danger

    Default Primary Success Info Warning Danger
    Default Primary Success Info Warning Danger
  • Progress Bars

    Info with progress-bar-info class.

    Success with progress-bar-success class.

    Warning with progress-bar-warning class.

    Danger with progress-bar-danger class.

    Inverse with progress-bar-inverse class.

    Inverse with progress-bar-inverse class.

    35% Complete (success)
    20% Complete (warning)
    10% Complete (danger)
  • Pagination

  • Breadcrumbs

  • Badges

    Add modifier classes to change the appearance of a badge.

    Classes Badges
    No modifiers 42
    .badge-primary 1
    .badge-success 22
    .badge-info 30
    .badge-warning 412
    .badge-danger 999

    Easily highlight new or unread items with the .badge class

  • Default styles

    For basic stylinglight padding and only horizontal add the base class .table to any <table>.

    # First Name Last Name Username
    1 Mark Otto @mdo
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter

    Add any of the following classes to the .table base class.

    Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-8).

    # First Name Last Name Username
    1 Mark Otto @mdo
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter

    Add borders and rounded corners to the table.

    # First Name Last Name Username
    1 Mark Otto @mdo
    Mark Otto @getbootstrap
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter

    Enable a hover state on table rows within a <tbody>.

    # First Name Last Name Username
    1 Mark Otto @mdo
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter