jquery - Bootstrap 底部可滚动导航栏

Question

我有一个简单的问题，我在网上搜索但找不到答案。我创建了一个 Bootstrap 响应式底部导航栏。当我使用 <li> 列出很多东西时标记，在导航栏第一行的空间结束后，它会创建另一行。相反，如何制作一个底部固定导航栏，它只是一个类似的并且可以在行内滚动。对不起，我的英语不好。谢谢

Answer 1

假设你的导航栏有这样的 HTML:

<ul class="nav navbar-nav">
    <li class="nav-item">Link</li>
    <li class="nav-item">Link</li>
    <li class="nav-item">Link</li>
</ul>

以下 CSS 规则将使每个列表项内联:

.navbar-nav .nav-item {
    display: inline-block;
}