我正在尝试使用 Bootstrap 创建纯非响应式模板,
示例 http://getbootstrap.com/examples/non-responsive/
上面的示例效果很好,但是如果我将浏览器窗口的大小调整为较小的尺寸,则会显示水平滚动条,但是当我将滚动条向右移动时,它不会在右侧显示导航栏内容,导航栏不会滚动。
如何使导航栏也滚动,以便我可以在导航栏上看到右侧的内容。
我试过添加
overflow:scroll;
.navbar-fixed-top
但它将滚动条添加到导航栏。
最佳答案
因为 nav
是 fixed
额外的链接将被隐藏,所以你可以使导航静态
您需要将类从 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%
关于html - 如何在 Non-responsive Bootstrap 中使水平滚动在 Navbar 上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27776691/