Twitter Bootstrap: How to use containers and rows
- by StackOverflowNewbie
Assume the following layout:
I'm trying to learn how to use Twitter's Bootstrap. What should the general structure of the framework's markup be? Is it this:
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
// Outside link mark up here
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span1">
// Logo mark up here
</div>
<div class="span4">
// Main nav mark up here
</div>
<div class="span3 offset4">
// User nav mark up here
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
// Left sidebar mark up here
</div>
<div class="span6">
<div class="span6">
// Breadcrumb mark up here
</div>
<div class="span6">
// Main content mark up here
</div>
</div>
<div class="span3">
// Right sidebar mark up here
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span3 offset9">
// Footer link mark up here
</div>
</div>
</div>