<p dir="auto">See:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/687b7e99adc848e09bb34ccacbe838685a7c5c17e03abe896af8b1a69162d609/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3935343035352f313036323236392f64633932353038612d313233372d313165332d383230382d3635333037626463386537302e706e67"><img src="https://camo.githubusercontent.com/687b7e99adc848e09bb34ccacbe838685a7c5c17e03abe896af8b1a69162d609/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3935343035352f313036323236392f64633932353038612d313233372d313165332d383230382d3635333037626463386537302e706e67" alt="navbaroverlap" data-canonical-src="https://f.cloud.github.com/assets/954055/1062269/dc92508a-1237-11e3-8208-65307bdc8e70.png" style="max-width: 100%;"></a></p>
<p dir="auto">Caused by the position:relative of the navbar and / or the same z-index of the .navbar and .dropdown menu class</p>
<p dir="auto">With Bootstrap 3.0.0 if you have a navbar below a dropdown it will overlap on top of the dropdown links and block vision and input.</p>
<p dir="auto">Here's an example (try using the dropdown link or button in the primary nav): <a href="http://jsfiddle.net/dBdpj/embedded/result/" rel="nofollow">http://jsfiddle.net/dBdpj/embedded/result/</a></p>
<p dir="auto">Edit: This could probably be solved by ensuring dropdowns have a higher z-index.</p>