Bootstrap中nav-justified类无法占满全部宽度的技术咨询

嘿，在Bootstrap 4里实现等宽的nav-pills超简单的！你只需要给导航容器加上.nav-justified类，就能让所有导航链接自动均分水平空间，占满整个宽度啦～

这是Bootstrap官方「填充与对齐」文档中的说明：对于等宽元素，使用.nav-justified类，所有水平空间会被导航链接占据。

给你贴个完整的示例代码，直接用就行：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="nav nav-pills nav-justified">
  <a class="nav-link active" href="#">Active</a>
  <a class="nav-link" href="#">Link</a>
  <a class="nav-link" href="#">Link</a>
  <a class="nav-link disabled" href="#">Disabled</a>
</nav>

这样每个导航链接都会自动拉伸，填满整个导航栏的宽度，而且每个链接的宽度完全相等，适配各种屏幕尺寸哦～

内容的提问来源于stack exchange，提问作者Barnee