<p>As part of the main navigation, we’ve included the ability for you to add dropdowns to your nav. Check out the secondary nav above (right aligned) to see how it’s done.</p>
<p>As part of the main navigation, we’ve included the ability for you to add dropdowns to your nav. Check out the secondary nav above (right aligned) to see how it’s done. Dropdowns <code>li</code> tags also support <code>.active</code> for showing current page selection.</p>
</div>
</div>
<p><strong>Note:</strong> When using the topbar on any page, be sure to account for the overlap it causes by adding <code>padding-top: 40px;</code> to your <code>body</code>.</p>
padding-top:40px;/* 40px to make the container go all the way to the bottom of the topbar */
}
.container>footerp{
text-align:center;/* center align it with the container */
}
.container{
width:820px;/* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
}
/* The white background content wrapper */
.content{
background-color:#fff;
padding:20px;
margin:0-20px;/* negative indent the amount of the padding to maintain the grid system */
-webkit-border-radius:006px6px;
-moz-border-radius:006px6px;
border-radius:006px6px;
-webkit-box-shadow:01px2pxrgba(0,0,0,.15);
-moz-box-shadow:01px2pxrgba(0,0,0,.15);
box-shadow:01px2pxrgba(0,0,0,.15);
}
/* Page header tweaks */
.page-header{
background-color:#f5f5f5;
padding:20px20px10px;
margin:-20px-20px20px;
}
/* Styles you shouldn't keep as they are for displaying this base example only */
.content.span10,
.content.span4{
min-height:500px;
}
/* Give a quick and non-cross-browser friendly divider */
