如何在非响应式Bootstrap中使Navbar上的水平滚动工作

时间:2015-01-05 09:34:24

标签: html css twitter-bootstrap responsive-design

我正在尝试使用bootstrap创建纯无响应模板,

示例http://getbootstrap.com/examples/non-responsive/

上面的示例工作得很好,但如果我将浏览器窗口调整为小尺寸,则会显示水平滚动条,但当我将滚动条向右移动时,它不显示右侧的导航栏内容,导航栏不会滚动。

如何使导航栏过于滚动,这样我就可以看到NavBar上的右侧内容。

我尝试添加

overflow:scroll;

.navbar-fixed-top但它会将滚动条添加到导航栏。

1 个答案:

答案 0 :(得分:1)

由于navfixed个额外链接将被隐藏,因此您可以使导航静态

您需要将班级从navbar-fixed-top更改为navbar-static-top

<nav class="navbar navbar-default navbar-fixed-top">

<nav class="navbar navbar-default navbar-static-top">

或者您需要编写自己的CSS来制作nav width 100%