<p dir="auto">The right side of topbar stops functioning properly when you shrink the size of the screen under the min-width. This is observable in both the app and fluid layout if you shrink the screen size.</p>
<p dir="auto">This is due to the position fixed of the topbar forcing it to be anchored to the top right. I tried looking to see if there was a way to support the min-width, but this does not seem possible without javascript usage. That said the UX should not break under these conditions. Simply adding something like the code below will prevent this, but it's not a bulletproof solution.</p>
<p dir="auto">.topbar .container {<br>
width: auto;<br>
max-width: 940px;<br>
}<br>
.topbar .container-fluid {<br>
min-width: 0px;<br>
}</p>
<p dir="auto">When you resize the window to a smaller width some menu items will disappear. You can try it here: <a href="http://twitter.github.com/bootstrap/examples/container-app.html">http://twitter.github.com/bootstrap/examples/container-app.html</a></p>
<p dir="auto">I didn't look much further into this but I saw that twitter.com has solved this problem by using a javascript that changes the left property for the top bar, but it uses an other approach to create the topbar. Any thoughts about this?</p>