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>
