Modal header
$10.00
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit tempus malesuada.
Find what you're looking for
<div class="container"><nav> <div class="subnav"><ul class="nav nav-pills"> <li> <a href="./index.php">Home </li> <li> <a href="./partners.php">Partners </li> </ul></div></nav></div>
<h1>H1 quis orci quis nibh viverra</h1>
<h2>H2 quis orci quis nibh viverra</h2>
<h3>H3 quis orci quis nibh viverra</h3>
<h4>H4 quis orci quis nibh viverra</h4>
<h5>H5 quis orci quis nibh viverra</h5>
<div class="input-append"><input class="span2" size="16" type="text"><button class="btn" type="button">Go!</button></div>
<select class="span2"><option>1</option><option>2</option></select>
<input class="input-xlarge disabled" id="disabledInput" type="text" placeholder="Disabled input here..." disabled="">
<pre><p>Sample text here...</p></pre>
<p>Sample text here...</p>
<table class="table table-striped small">
<thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead>
<tbody> <tr> <td>1</td> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> </tbody>
</table>
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Tony | Jordan | @ghk |
| 4 | Matt | Jarvis | @jvs |
<div class="btn-group"> <button class="btn">left</button> <button class="btn">middle</button> <button class="btn">right</button></div>
<button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
... btn btn-danger dropdown-toggle ... btn btn-warning dropdown-toggle ... btn btn-success dropdown-toggle ... btn btn-info dropdown-toggle ... btn btn-inverse dropdown-toggle
<ul class="nav nav-pills"> <li class="active"> <a href="#">Home</a> </li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li></ul>
<span class="label">Default</span> <span class="label label-success">Success</span>
... label label-important ... label label-info ... label label-inverse
Default Success Warning Important Info Inverse
<span class="badge">1</span> <span class="badge badge-success">2</span> <span class="badge badge-warning">4</span>
1 2 4 6 8 10
<button class="btn btn-large btn-primary">Primary action</button><button class="btn btn-small btn-primary">Primary action</button><button class="btn btn-mini btn-primary">Primary action</button>
<div class="progress progress-info" style="margin-bottom: 9px;"><div class="bar" style="width: 20%"></div></div>
... progress progress-info ... progress progress-success ... progress progress-warning ... progress progress-denger
... width: 40% ... width: 60% ... width: 80%
<ul> <li>Facilisis in pretium nisl aliquet</li> <li>Nulla volutpat aliquam velit</li> <li>Faucibus porta lacus fringilla vel</li></ul>
<ul class="unstyled"> <li>Facilisis in pretium nisl aliquet</li> <li>Nulla volutpat aliquam velit</li> <li>Faucibus porta lacus fringilla vel</li></ul>
<ol> <li>Facilisis in pretium nisl aliquet</li> <li>Nulla volutpat aliquam velit</li> <li>Faucibus porta lacus fringilla vel</li></ol>
<div class="tabbable"> <ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> <li><a href="#tab2" data-toggle="tab">Section 2</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab1"> <div class="margintop"><p>I'm in Section 1.</p></div> </div> <div class="tab-pane" id="tab2"> <div class="margintop"><p>Howdy, I'm in Section 2.</p></div> </div> </div></div>
I'm in Section 1.
Howdy, I'm in Section 2.
<div class="tabbable tabs-left"> <ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> <li><a href="#tab2" data-toggle="tab">Section 2</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab1"> <div class="margintop"><p>I'm in Section 1.</p></div> </div> <div class="tab-pane" id="tab2"> <div class="margintop"><p>Howdy, I'm in Section 2.</p></div> </div> </div></div>
I'm in Section A.
Howdy, I'm in Section B.
<div class="alert"> <button class="close" data-dismiss="alert">×</button> <strong>Warning!</strong> Best check yo self, you're not looking too good.</div>
... alert alert-error ... alert alert-success ... alert alert-info
<div class="span2 marginbottom"><h3 class="navbar titlewrap"><span>Lorem ipsum</span></h3><p>consectetur adipiscing elit. Nulla blandit tempus malesuada.</p></div>
consectetur adipiscing elit. Nulla blandit tempus malesuada.
consectetur adipiscing elit. Nulla blandit tempus malesuada.
consectetur adipiscing elit. Nulla blandit tempus malesuada.
consectetur adipiscing elit. Nulla blandit tempus malesuada.
consectetur adipiscing elit. Nulla blandit tempus malesuada.
consectetur adipiscing elit. Nulla blandit tempus malesuada.
<div class="span3 marginbottom"><h3 class="navbar titlewrap"><span>Lorem ipsum</span></h3><p>consectetur adipiscing elit. Nulla blandit tempus malesuada.</p></div>
consectetur adipiscing elit. Nulla blandit tempus malesuada.
consectetur adipiscing elit. Nulla blandit tempus malesuada.
consectetur adipiscing elit. Nulla blandit tempus malesuada.
consectetur adipiscing elit. Nulla blandit tempus malesuada.
<div class="span4 marginbottom"><h3 class="navbar titlewrap"><span>Lorem ipsum</span></h3><p>consectetur adipiscing elit. Nulla blandit tempus malesuada.</p></div>
consectetur adipiscing elit. Nulla blandit tempus malesuada.
consectetur adipiscing elit. Nulla blandit tempus malesuada.
consectetur adipiscing elit. Nulla blandit tempus malesuada.
<div class="span4 marginbottom"><a data-toggle="modal" href="#myModal" class="thumbnail"><img src="assets/images/1.jpg"></a><span class="pull-right margintop"><button class="btn btn-success" data-toggle="modal" formaction="#myModal">Modal Box</button></span><h4 class="margintop">Image Title</h4><p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
Boys T-shirt
Girls T-shirt
Boys Backpack
<div class="span3 marginbottom"><a data-toggle="modal" href="#myModal" class="thumbnail"><img src="assets/images/1.jpg"></a><span class="pull-right margintop"><button class="btn btn-success" data-toggle="modal" formaction="#myModal">Modal Box</button></span><h4 class="margintop">Image Title</h4><p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
Boys T-shirt
Girls T-shirt
Boys Backpack
Girls Backpack
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">�</button> <h3 id="myModalLabel">Modal header</h3> </div> <div class="modal-body" class="center"><img alt="" src="assets/images/1.jpg" width="80%" alt="" /><h3 class="margintop">Lorem ipsum dolor sit amet</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit tempus malesuada.</p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> <button class="btn btn-primary">Save changes</button> </div></div>
