Bootstrap Components

Posted by Don Chambers onTuesday, July 3. 2012 No comments

Headings

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

Buttons

Pagination

Pager

Table with class .table

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

Table without any specific class

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

table with classes .table .table-striped and .table-hover

#	Column heading	Column heading	Column heading
1	Column content	Column content	Column content
2	Column content	Column content	Column content
3	Column content	Column content	Column content
4	Column content	Column content	Column content
5	Column content	Column content	Column content
6	Column content	Column content	Column content
7	Column content	Column content	Column content

Progress Bars

40% Complete (success)

20% Complete

60% Complete (warning)

80% Complete (danger)

35% Complete (success)

20% Complete (warning)

10% Complete (danger)

Basic

Contextual alternatives

Striped

Animated

Stacked

Labels

Default Primary Success Warning Danger Info

Badges

Alerts

Well done! You successfully read this important alert message.

Heads up! This alert needs your attention, but it's not super important.

Warning! Better check yourself, you're not looking too good.

Oh snap! Change a few things up and try submitting again.

Panels

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Well

Look, I'm in a well!

Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

List groups

14 Cras justo odio
2 Dapibus ac facilisis in
1 Morbi leo risus

Cras justo odio Dapibus ac facilisis in Morbi leo risus

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

No comments

Add Comment

Name

Homepage

Comment

In reply to

Pavatar, Gravatar, MyBlogLog, Favatar, Twitter author images supported.

E-Mail addresses will not be displayed and will only be used for E-Mail notifications.

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA