Bootstrap affix nav包装在小屏幕上

Question

我在引导程序中添加了导航功能，效果很好，直到您在iPhone上查看。它对于垂直方向而言太宽。我想只需导航到“nowrap”和“overflow-x：scroll”。我正在利用所有

• Bootstrap的流体布局
• Bootstrap响应功能
• '贴上导航

我以为我只是white-space:nowrap; overflow-x:scroll;导航的某些部分，但无法让它工作。

在更广泛的媒体上工作：

在狭窄的媒体上不是那么好，试图只在导航上进行水平滚动（而不是整个页面）：

这是一个小提琴。调整结果窗格的大小，直到它非常窄（如垂直方向的iPhone屏幕）：http://jsfiddle.net/dirkraft/HQJfb/2/

Answer 1

您可以通过使用iphone解析的媒体查询来解决您遇到的问题，如下所示： Js摆弄你的例子http://jsfiddle.net/shail/HQJfb/6/

@media (max-width: 480px) {
.row-fluid:after, .row-fluid:before {
    margin-bottom:10px;
}
.navbar .nav {
    margin: 0px;
}
.navbar .nav > li > a {
    padding:10px 8px;
}
}