Watt_Kendall
New Member
The twitter bootstrap docs site, the left nav gets fixed to the top in a mobile layout. ex: http://twitter.github.com/bootstrap/javascript.htmlI want to do the same without using the ...docs.css as is done in the Bootstrap site. Currently, the issue that I'm facing is that the 'affix nav' stays on top of the content in mobile dimensions as you scroll through the content. \[code\]<div class="row"><div class="span3"> <div data-spy="affix"> <ul class="nav nav-list nav-stacked"> <li><a href="http://stackoverflow.com/questions/15821601/#objective"> Objective </a> </li> <li><a href="http://stackoverflow.com/questions/15821601/#experience"> Experience </a> </li> <li><a href="http://stackoverflow.com/questions/15821601/#skills"> Skills </a> </li> <li><a href="http://stackoverflow.com/questions/15821601/#education"> Education </a> </li> </ul> </div></div><div class="span9"> <section id="objective"> <div class="page-header"> <h1> Objective: <small> Do good </small> </h1> </div> </section> <section id="experience"> <div class="page-header"> <h1> Exprience: <small> I worked at a bit </small> </h1> </div> </section> <section id="skills"> <div class="page-header"> <h1> skills: <small> my skillz </small> </h1> </div> </section> <section id="education"> <div class="page-header"> <h1> education: <small> I went to school </small> </h1> </div> </section></div>\[/code\]http://jsfiddle.net/gPsWe/1/I want the 'affix nav' to get fixed to the top in a mobile layout with using the latest bootstrap v2.3.1. How do I go about it? Any suggestions?