Typography

<h1 class="extraLight">(default for headings)</h1>

Heading (H1)

Heading (H2)

Heading (H3)

Heading (H4)

Heading (H5)

Heading (H6)

<p class="light">...</p>

Phasellus vitae tortor tempus, adipiscing velit non, sodales erat. Donec sodales ornare augue, at facilisis lectus aliquet nec. Nullam mollis risus pellentesque, sagittis mauris at, elementum augue.

extralight

light

normal

semiBold

bold

extraBold

Lead

<p class="lead">...</p>

Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate volutpat ipsum hendrerit sed neque sed sapien rutrum laoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor.

Small

<small>...</small>

Unordered

<ul>
<li>...</li>
</ul>

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Nulla volutpat aliquam velit
  • Phasellus iaculis neque
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• Aenean sit amet erat nunc
• Eget porttitor lorem

Ordered

<ol>
<li>...</li>
</ol>

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Nulla volutpat aliquam velit
   • Phasellus iaculis neque
   • Ac tristique libero volutpat at
4. Faucibus porta lacus fringilla vel
5. Aenean sit amet erat nunc
6. Eget porttitor lorem

Striped List 20one theme

<ul class="stripedList">
<li>...</li>
</ul>

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Faucibus porta lacus fringilla vel
• Aenean sit amet erat nunc
• Faucibus porta lacus fringilla vel
• Aenean sit amet erat nunc
• Eget porttitor lorem

Tabs

• Home
• Profile
• Messages
• Settings

Modal and lightbox

Open YouTube video
Open Vimeo video

Responsive External Video

Grid System

The default Bootstrap grid system utilizes 12 columns, making for a 940px wide container without responsive features enabled. With the responsive CSS file added, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.

Learn more: http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

Tables Bootstrap defaults

Default styles

<table class="table table-hover">
  …
</table>

Bordered table

<table class="table table-bordered">
  …
</table>