Default Size

[html] <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> [/html]

Large Size

[html] <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> [/html]

Small Size

[html] <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> [/html]

Block Buttons

[html] <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> [/html]

Coming soon

Next Version!

Normal Headers

[html] <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> [/html]

Section Titles

[html] <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> [/html]

Coming soon

Next Version!

Unordered

[html] <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> [/html]

Ordered

[html] <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> [/html]

Description

[html] <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> [/html]

Horizontal Description

[html] <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> [/html]

Coming soon

Next Version!

[html] <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> [/html]

Coming soon

Next Version!

Nav Badges

[html] <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> [/html]

Nav Badges

[html] <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> [/html]

Coming soon

Next Version!

[html] <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> [/html]

Coming soon

Next Version!

[html] <table class="table"> <thead> <tr> <th>…</th> </tr> </thead> <tbody> <tr></tr> </tbody> </table> [/html]

Table Striped

[html] <table class="table table-striped"> <thead> <tr> <th>…</th> </tr> </thead> <tbody> <tr></tr> </tbody> </table> [/html]

Coming soon

Next Version!

[html] <pre class="brush: js"> // Code… </pre> [/html]

Syntax Highlighter Plugin

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