Bootstrap 底部可滚动导航栏

Question

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

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;
}