jquery - 推特 Bootstrap 导航 : need to create scroll bar when not collapsing

Question

我使用的是 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/

我们将不胜感激!

Answer 1

本质上是因为你设置了导航栏的位置是固定的，固定的元素在你滚动的时候是不动的。您可以在这里看到类似的问题:How to make position:fixed div scroll horizontally