我使用 twitter bootstrap-rtl 版本。我希望我的导航栏不要折叠,所以我不加载 bootstrap-responsive.css 文件。
问题是当窗口很薄时,菜单被剪切并且滚动到侧面不会显示它!
这是一些示例代码:
<div class="navbar navbar-fixed-top" >
<div class="navbar-inner" style="min-width: 1100px;">
<div class="container visible-phone" style="height:60px;min-width: 1100px;">
<ul class="nav" style="margin-top:10px;min-width: 1000px;">
<li>
<a href="/dish/all_dishes/">
<i class="icon-large icon-fire"></i>
link
</a>
</li>
<li>
<a href="/cook/all_cooks/">
<i class="icon-large icon-group"></i>
link
</a>
</li>
<li>
<a href="/about/">
<i class="icon-large icon-info-sign"></i>
link
</a>
</li>
<li>
<a href="/q_a/">
<i class="icon-large icon-question-sign"></i>
link
</a>
</li>
<li>
<a href="/contact/">
<i class="icon-large icon-envelope"></i>
link
</a>
</li>
</ul>
</div>
</div>
</div>
这是示例:http: //jsfiddle.net/leonidbl91/Rd6FP/1/
任何帮助将不胜感激!