Bootstrap 2 docs

Heading 3

Heading 4

Heading 5
Heading 6

Ordered list:

  1. List item
  2. List item
  3. List item

Unordered list: 

  • List item
  • List item
  • List item

Table

Top 1 Top 2 Top 3 Top 4
3 4 5 6
7 8 9 10

Horizontal Rule


Link

Link to somewhere

Labels

Success

Warning

Alert

info

inverse

Well

I'm in a well

 

I'm in a small well. AKA a reasonably sized well.

Alerts

Success

Accessibility test via WebAIM

WCAG small text large text
AA FAIL PASS
AAA FAIL FAIL

Recommend text color for 'success' is #253700

.alert-success {
    color: #253700;
}

Info

Important

Error

Danger

Extras

Lead

Required

Buttons

You will notice how the buttons have underlines. Not cool. You can fix this by adding a little bit of CSS to your site using something like the Stylesheet Overlay module. 

a.btn {
  text-decoration: none;
}

Button plain

Button primary

Button large

Button small

Button mini

Button link

Button warning

Button success

Button info

Button danger

Button inverse

Example of button with an icon

Comment

Not featured are button groups and nav bar buttons

Accordion

Anim pariatur cliche...
Anim pariatur cliche...

Icons

Add an icon like this:

<i class="icon-name"> </i>

You can also use a <span>. If you want it to be a link, wrap the link around it. You will also want to add some CSS to a Stylesheet Overlay to remove the underline from the icon, like this:

a i[class*="icon"]{
  text-decoration:none;
}

  Thumb's up

  Thumb's up

Find the icon names here:

http://fontawesome.io/3.2.1/icons/

Need a bigger icon? The Examples page shows you have to add icon-2x, icon-3x and more to get a bigger icon.

Carousel in Bootstrap

Carousel example

adasdasdasd TESTO