html - 如何在 Bootstrap 中创建水平滚动导航？

Question

可以在 this fiddle 中证明，在 Bootstrap .nav 中添加太多元素会导致它只是垂直向下添加元素。我将如何限制它的高度并使其水平滚动？

Answer 1

首先，您需要告诉 ul 不要换行和溢出到滚动条中。然后 li 元素不需要 float 并显示为内联。这将做到:

ul.nav {
    white-space: nowrap;
    overflow-x: auto;
}

ul.nav li {
    display: inline-block;
    float: none;
}

fiddle :http://jsfiddle.net/bmfcd3zt/8/