Html 引导：将内容集中在Nav中，并在较小的屏幕上更改默认beavior

我尝试过添加浮动，并使用一些引导类来尝试让它工作，但没有效果。不知道我错过了什么。我想使ul或所有项目居中。以下是导航标记：

家

---

此外，在较小的屏幕上，导航的默认行为是堆叠在彼此的顶部。我想让活动链接成为唯一显示的链接（或者与另一个链接一起显示），但其他链接可以水平滚动。我计划使用Scrollspy，以便在有区别的情况下自动更新活动链接。不知道该如何处理-任何想法都将受到赞赏

因为

li

元素是块级的（

display:block

通过引导的CSS应用），所以只需在

ul

上添加

text align:center

：

.navbar-nav {
  text-align: center;
}

我已经创建了一个更新的小提琴来展示这一点

不确定ScrollSpy的效果，但我假设您可以简单地将链接集合作为参数传递到参数中

---

希望这有帮助！：）

我建议使用“引导导航栏示例”（）。具体来说，在您的情况下，我会使用此修改版本：

切换导航

.navbar-nav {
  text-align: center;
}