如何在无响应的情况下在 Navbar 上进行水平滚动 Bootstrap

Question

我正在尝试使用引导程序创建纯非响应模板，

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

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

如何使导航栏也滚动，以便我可以在导航栏上看到右侧的内容。

我试过添加

overflow:scroll;

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

Answer 1

由于 nav 是 fixed，额外的链接将被隐藏，因此您可以使导航静态化

您需要将 class 从 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%