html - 如何增加 nav-pills bootstrap 之间的空间？

Question

我的 nav pills 将关闭，我希望它们散开，我还可以更改字体和字体大小吗？

 <div id = "page">
       <ul class="nav nav-pills" role="tablist">
      <li role="presentation" class="active"><a href="#">Home</a></li>
      <li role="presentation"><a href="#">Profile</a></li>
      <li role="presentation"><a href="#">Messages</a></li>
      <li role="presentation"><a href="#">Profile</a></li>
      <li role="presentation"><a href="#">Messages</a></li>
    </ul>

   <div>

Answer 1

您可以像这样自定义每个 li 之间的边距:

.nav-pills>li+li {
  margin-left: 10px; // 2px by default
}