Typography

Headings

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

h1 Page

h2 Portlet / Section

h3 Content

h4 Content Section

h5 Reserved

h6 Reserved

Blockquotes

<blockquote>

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

<blockquote class="blockquote-reverse">

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

Contextual Colours

Buttons

Button Colours

.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-link

Button Sizes

.btn-lg, .btn-md, .btn-sm, .btn-xs, .btn-block

Button Width

.btn-block

Button States

.active, .disabled

Button Groups

Standard Group

Vertical Group

Justified Group

Dropdowns

Basic Dropdown

with headers, dividers, active and disabled states

Split Button Dropdown

Badges

With Anchors

<a>Link<span class="badge">Text</span></a>

With Buttons

<button>Label<span class="badge">Text</span></button>

Tooltips

*requires jQuery

Popovers

*requires jQuery

Alerts

.alert & .alert-success, .alert-info, .alert-warning, .alert-danger

Panels

Basic

.panel > .panel-body

Panel Heading

.panel > .panel-heading

Panel Footer

.panel > .panel-footer

Panel Group

.panel-group > .panel > .panel-footer

Contextual Panels

.panel-group > .panel & .panel-default, .panel-primary, .panel-success, .panel-info, .panel-warning, .panel-danger

Forms