Bootstrap 4 引导导航和#x27；不占全幅

在中，有一个类用于

nav pill

链接，使其具有相等的宽度并占用所有水平空间：

对于等宽元素，请使用

.nav justized

。所有水平空间将被导航链路占用

至少他们在这里是这么说的：

这是他们的代码：

---

您需要再添加一个类别导航项

<nav class="nav nav-pills nav-fill">
   <a class="nav-item nav-link active" href="#">Active</a>
   <a class="nav-link nav-item" href="#">Longer nav link</a>
   <a class="nav-link nav-item" href="#">Link</a>
   <a class="nav-link nav-item disabled" href="#">Disabled</a>
</nav>

---

工作

您需要再添加一个类导航项

<nav class="nav nav-pills nav-fill">
   <a class="nav-item nav-link active" href="#">Active</a>
   <a class="nav-link nav-item" href="#">Longer nav link</a>
   <a class="nav-link nav-item" href="#">Link</a>
   <a class="nav-link nav-item disabled" href="#">Disabled</a>
</nav>

---

工作

您需要遵循bootstrap

html

结构来实现这一点。您需要在

li

中包装

a

标签，并在

ul

中提供

li

类

class
nav项目
，并提供
ul
类
nav药丸nav fill












您需要遵循引导
html
结构来实现这一点。您需要在
li
中包装
a
标签，并在
ul
中提供
li
类
class
nav项目
，并提供
ul
类
nav药丸nav fill












将
nav fill
类添加到
nav
元素中<代码>导航对齐
使用“给定相同宽度”链接



使用导航填充（以获得动态宽度链接作为链接内容
使用导航填充和导航对齐（以获得相同宽度的链接）
将
导航填充
类添加到
导航
元素。
导航对齐
使用给定相同宽度链接



使用导航填充（以获得动态宽度链接作为链接内容
使用导航填充和导航对齐（以获得相同宽度的链接）
您得到的行为是什么？我编辑了问题以澄清我的“问题”。您可能希望将引导升级到稳定状态。@Klooven我尝试了4.0和4.1，但结果是一样的。您得到的行为是什么？我编辑了问题以澄清我的“问题”你可能想升级引导到稳定。@ Kurvern我已经尝试了4和4.1，但是结果是相同的。如果这个或任何答案已经解决了你的问题，请考虑通过点击复选标记来接受它。这向更广泛的社区表明你已经找到了解决方案，并给回答者和你自己带来了一些声誉。Re没有义务这样做。）：如果这个或任何答案已经解决了你的问题，请考虑通过点击复选标记来接受它。这向更广泛的社区表明，你已经找到了解决方案，并且给回答者和你自己带来了一些声誉。没有义务这样做。