<p dir="auto">Using a navbar and a navbar-right ( as shown in the examples here <a href="http://getbootstrap.com/components/#nav" rel="nofollow">http://getbootstrap.com/components/#nav</a> )</p>
<p dir="auto">But when i scale the browser down, it's overlapping.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/f5a19ffccc918115045ca1ff838ac5761768115deadede4334184eefd49d633e/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343134363338342f313935343830392f38346136316136362d383164652d313165332d383866392d3735623666333337316430352e6a7067"><img src="https://camo.githubusercontent.com/f5a19ffccc918115045ca1ff838ac5761768115deadede4334184eefd49d633e/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343134363338342f313935343830392f38346136316136362d383164652d313165332d383866392d3735623666333337316430352e6a7067" alt="navbar-right" data-canonical-src="https://f.cloud.github.com/assets/4146384/1954809/84a61a66-81de-11e3-88f9-75b6f3371d05.jpg" style="max-width: 100%;"></a></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;ul class=&quot;nav navbar-nav&quot;&gt;

&lt;/ul&gt;
&lt;ul class=&quot;nav navbar-nav navbar-right&quot;&gt;

&lt;/ul&gt;"><pre class="notranslate"><code class="notranslate">&lt;ul class="nav navbar-nav"&gt;

&lt;/ul&gt;
&lt;ul class="nav navbar-nav navbar-right"&gt;

&lt;/ul&gt;
</code></pre></div>
<p dir="auto">Been looking at this (and I apologize if this issue was already addressed) - and took this site I'm working on (mcgarrybair.com) right out of the BS3 RC2 examples.  Resizing the window from -lg to -md wraps the nav-bar into multiple lines.  You can see this on the law firm site I just published at <a href="http://mcgarrybair.com" rel="nofollow">http://mcgarrybair.com</a> - this causes the site to render unaccaptably in an iPad (tablet view).  I think the navbar should not wrap - but go immediately from one-line of menus to collapse? Wrapping the navbar that is a navbar-fixed-top into multiple lines of li items causes it to overlap the content of the site.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/da278586fc1ec901186cf1ba7278c343f27c8181e8c5c53c64444172b84f48cd/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313536343632382f3936353833382f30313766316630612d303533352d313165332d396431622d6563313566636632373337332e706e67"><img src="https://camo.githubusercontent.com/da278586fc1ec901186cf1ba7278c343f27c8181e8c5c53c64444172b84f48cd/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313536343632382f3936353833382f30313766316630612d303533352d313165332d396431622d6563313566636632373337332e706e67" alt="landscape" data-canonical-src="https://f.cloud.github.com/assets/1564628/965838/017f1f0a-0535-11e3-9d1b-ec15fcf27373.png" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/21244fa0f933732148a140f9f60995eabf7c9e27ba100436533afeccf34c51ab/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313536343632382f3936353833392f30363666393130632d303533352d313165332d383637392d6633613664396430303537302e706e67"><img src="https://camo.githubusercontent.com/21244fa0f933732148a140f9f60995eabf7c9e27ba100436533afeccf34c51ab/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313536343632382f3936353833392f30363666393130632d303533352d313165332d383637392d6633613664396430303537302e706e67" alt="ipad-tablet" data-canonical-src="https://f.cloud.github.com/assets/1564628/965839/066f910c-0535-11e3-8679-f3a6d9d00570.png" style="max-width: 100%;"></a></p>