Typography Page

Headings

MUZICA ANILOR ’90

Semibold 36px

Retro 90's Muzica Eurodance

Semibold 30px

Grupuri, Soliști și Proiecte remarcate

Semibold 24px

Ce mai fac star-urile de atunci

Semibold 18px
Poveștile neștiute ale hit-urilor
Semibold 14px
Afacerea Eurodance
Semibold 12px

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

Unordered List

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

Ordered List

  1. Cras justo odio
  2. Dapibus ac facilisis in
  3. Morbi leo risus
  4. Porta ac consectetur ac
  5. Vestibulum at eros

Forms

@
@example.com
$ .00
@
@
@

Grids