html - 如何在 Non-responsive Bootstrap 中使水平滚动在 Navbar 上工作

标签 html css twitter-bootstrap responsive-design

我正在尝试使用 Bootstrap 创建纯非响应式模板,

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

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

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

我试过添加

overflow:scroll;

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

最佳答案

因为 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%

关于html - 如何在 Non-responsive Bootstrap 中使水平滚动在 Navbar 上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27776691/

相关文章:

javascript - 尝试访问本地存储时 javascript/html5 中的 Dom 异常 18

javascript - 精确视口(viewport)宽度的 CSS 媒体查询

html - 无法使水平滚动菜单在 HTML 中工作

javascript - 向其添加 img 时 Div 改变大小

html - 如果旋转了父容器,如何不旋转文本

javascript - Bootstrap 4 响应式菜单 - 在折叠时添加元素

css - 向推特 Bootstrap 添加一个简单的间隔符

html - Bootstrap 中的类别内联 block "buttons"

javascript - Google+ Plus 中的按钮。 .js 函数在哪里调用?

html - 空 bool HTML 属性是否与没有值属性相同?