Default Size

<button class="btn btn-default">Press me!</button>
<button class="btn btn-primary">Press me!</button>
<button class="btn btn-info">Press me!</button>
<button class="btn btn-success">Press me!</button>
<button class="btn btn-warning">Press me!</button>
<button class="btn btn-danger">Press me!</button>
							

Large Size

<button class="btn btn-lg btn-default">Press me!</button>
<button class="btn btn-lg btn-primary">Press me!</button>
<button class="btn btn-lg btn-info">Press me!</button>
<button class="btn btn-lg btn-success">Press me!</button>
<button class="btn btn-lg btn-warning">Press me!</button>
<button class="btn btn-lg btn-danger">Press me!</button>
							

Small Size

<button class="btn btn-sm btn-default">Press me!</button>
<button class="btn btn-sm btn-primary">Press me!</button>
<button class="btn btn-sm btn-info">Press me!</button>
<button class="btn btn-sm btn-success">Press me!</button>
<button class="btn btn-sm btn-warning">Press me!</button>
<button class="btn btn-sm btn-danger">Press me!</button>
							

Block Buttons

<button class="btn btn-block btn-default">Press me!</button>
<button class="btn btn-block btn-primary">Press me!</button>
<button class="btn btn-block btn-info">Press me!</button>
<button class="btn btn-block btn-success">Press me!</button>
<button class="btn btn-block btn-warning">Press me!</button>
<button class="btn btn-block btn-danger">Press me!</button>
							

Coming soon

Next Version!

Normal Headers

<h1>Header level One</h1>
<h2>Header level two</h2>
<h3>Header level three</h3>
<h4>Header level four</h4>
<h5>Header level five</h5>
<h6>Header level six</h6>
							

Section Titles

<h1 class="section-title">Header level One</h1>
<h2 class="section-title">Header level two</h2>
<h3 class="section-title">Header level three</h3>
<h4 class="section-title">Header level four</h4>
<h5 class="section-title">Header level five</h5>
<h6 class="section-title">Header level six</h6>
							

Coming soon

Next Version!

Unordered

<ul>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit
	<ul>
		<li>Phasellus iaculis neque</li>
		<li>Purus sodales ultricies</li>
		<li>Vestibulum laoreet porttitor sem</li>
		<li>Ac tristique libero volutpat at</li>
	</ul>
	</li>
	<li>Faucibus porta lacus fringilla vel</li>
	<li>Aenean sit amet erat nunc</li>
	<li>Eget porttitor lorem</li>
</ul>
							

Ordered

<ol>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Consectetur adipiscing elit</li>
	<li>Integer molestie lorem at massa</li>
	<li>Facilisis in pretium nisl aliquet</li>
	<li>Nulla volutpat aliquam velit
	<ul>
		<li>Phasellus iaculis neque</li>
		<li>Purus sodales ultricies</li>
		<li>Vestibulum laoreet porttitor sem</li>
		<li>Ac tristique libero volutpat at</li>
	</ul>
	</li>
	<li>Faucibus porta lacus fringilla vel</li>
	<li>Aenean sit amet erat nunc</li>
	<li>Eget porttitor lorem</li>
</ol>
							

Description

<dl>
	<dt>Description lists</dt>
	<dd>A description list is perfect for defining terms.</dd>
	<dt>Euismod</dt>
	<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
	<dd>Donec id elit non mi porta gravida at eget metus.</dd>
	<dt>Malesuada porta</dt>
	<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
</dl>
							

Horizontal Description

<dl class="dl-horizontal">
	<dt>Description lists</dt>
	<dd>A description list is perfect for defining terms.</dd>
	<dt>Euismod</dt>
	<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
	<dd>Donec id elit non mi porta gravida at eget metus.</dd>
	<dt>Malesuada porta</dt>
	<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
	<dt>Felis euismod semper</dt>
	<dd>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
</dl>
							

Coming soon

Next Version!

<blockquote>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.</p>
	<small>Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>

<blockquote class="pull-right">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.</p>
	<small>Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>
							

Coming soon

Next Version!

Nav Badges

<a href="#">Inbox <span class="badge">42</span></a>
<a href="#">Unread <span class="badge">12</span></a>
<a href="#">Messages <span class="badge">42</span></a>
							

Nav Badges

<ul class="nav nav-pills nav-stacked" style="max-width: 260px;">
	<li class="active">
	<a href="#">
		<span class="badge pull-right">42</span>
		Home
	</a>
	</li>
	<li>
	<a href="#">
		<span class="badge pull-right">359</span>
		Profile
	</a>
	</li>
	<li>
	<a href="#">
		<span class="badge pull-right">3</span>
		Messages
	</a>
	</li>
</ul>
							

Coming soon

Next Version!

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

<h1>Example heading <span class="label label-default">New</span></h1>
<h2>Example heading <span class="label label-primary">New</span></h2>
<h3>Example heading <span class="label label-success">New</span></h3>
<h4>Example heading <span class="label label-info">New</span></h4>
<h5>Example heading <span class="label label-warning">New</span></h5>
<h6>Example heading <span class="label label-danger">New</span></h6>
							

Coming soon

Next Version!

<table class="table">
	<thead>
		<tr>
			<th>...</th>
		</tr>
	</thead>
	<tbody>
		<tr></tr>
	</tbody>
	</table>
								

Table Striped

	<table class="table table-striped">
		<thead>
			<tr>
				<th>...</th>
			</tr>
		</thead>
		<tbody>
			<tr></tr>
	</tbody>
</table>
							

Coming soon

Next Version!

<pre class="brush: js">

// Code...
</pre>
							

Syntax Highlighter Plugin

[js]]
// code
// ...
[[/js]