<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
<h2>h2. Bootstrap heading <small>Secondary text</small></h2>
<h3>h3. Bootstrap heading <small>Secondary text</small></h3>
<h4>h4. Bootstrap heading <small>Secondary text</small></h4>
<h5>h5. Bootstrap heading <small>Secondary text</small></h5>
<h6>h6. Bootstrap heading <small>Secondary text</small></h6>

<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>

<p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</p>

<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>
<p class="text-nowrap">No wrap text.</p>

<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">Capitalized text.</p>

<table class="table"> 
<caption>Optional table caption.</caption> 
<thead> 
<tr> 
<th>#</th> 
<th>First Name</th> 
<th>Last Name</th> 
<th>Username</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<th scope="row">1</th> 
<td>Mark</td> 
<td>Otto</td> 
<td>@mdo</td> 
</tr> 
<tr> 
<th scope="row">2</th> 
<td>Jacob</td> 
<td>Thornton</td> 
<td>@fat</td> 
</tr> 
<tr> 
<th scope="row">3</th> 
<td>Larry</td> 
<td>the Bird</td> 
<td>@twitter</td> 
</tr> 
</tbody>
</table>

<form>
  <div class="form-group">
	<label for="exampleInputEmail1">Email address</label>
	<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
  </div>
  <div class="form-group">
	<label for="exampleInputPassword1">Password</label>
	<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group">
	<label for="exampleInputFile">File input</label>
	<input type="file" id="exampleInputFile">
	<p class="help-block">Example block-level help text here.</p>
  </div>
  <div class="checkbox">
	<label>
	  <input type="checkbox"> Check me out
	</label>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

<a class="btn btn-default" href="#" role="button">Link</a>
<button class="btn btn-default" type="submit">Button</button>
<input class="btn btn-default" type="button" value="Input">
<input class="btn btn-default" type="submit" value="Submit">

<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>

<p>
  <button type="button" class="btn btn-primary btn-lg">Large button</button>
  <button type="button" class="btn btn-default btn-lg">Large button</button>
</p>
<p>
  <button type="button" class="btn btn-primary">Default button</button>
  <button type="button" class="btn btn-default">Default button</button>
</p>
<p>
  <button type="button" class="btn btn-primary btn-sm">Small button</button>
  <button type="button" class="btn btn-default btn-sm">Small button</button>
</p>
<p>
  <button type="button" class="btn btn-primary btn-xs">Extra small button</button>
  <button type="button" class="btn btn-default btn-xs">Extra small button</button>
</p>

<div class="jumbotron"> 
  <h1>Hello, world!</h1> 
  <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p> 
  <p><a role="button" class="btn btn-primary btn-lg" href="#">Learn more</a></p> 
</div>

<div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
	<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
	<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
	<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
	<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
	<div role="tabpanel" class="tab-pane active" id="home">
		<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
	</div>
	<div role="tabpanel" class="tab-pane" id="profile">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui deserunt, dolor provident laudantium obcaecati! Exp!
		</p>
		<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
	</div>
	<div role="tabpanel" class="tab-pane" id="messages">
		<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
	</div>
	<div role="tabpanel" class="tab-pane" id="settings">
		<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
	</div>
</div>
</div>

<input type="text" id="datetimepicker1"/>
<input type="text" id="datetimepicker2"/>
<input type="text" id="datetimepicker3"/>
<input type="text" value="2013/12/03 18:00" id="datetimepicker4"/>
<input type="text" id="datetimepicker5"/>
<input type="text" id="datetimepicker6"/>
<input type="text" id="datetimepicker7"/>
<input type="text" id="datetimepicker8"/>
<input type="text" id="datetimepicker9"/>
<input type="text" id="datetimepicker10"/>
<input type="text" id="datetimepicker11"/>
<input type="text" id="datetimepicker12"/>
<input type="text" id="datetimepicker_dark"/>