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