如何为 bootstrap 3 个导航标签添加填充

Question

在我看来，我有一个 bootstrap 导航选项卡，我想在我创建的位于导航选项卡中的下拉列表中包含一个填充。

<ul class="page-title__nav common-list nav nav-tabs" style="margin-bottom: -5px;width: 700px;">
  <li class="dropdown active" style="padding-left: 5px; padding-right: 5px">
   <a href="#" data-toggle="dropdown" class="dropdown-toggle">Inventory<b class="caret"></b></a>
    <ul class="dropdown-menu" style="margin-left: 5px; margin-right: 5px">
     <li><a data-toggle="tab" onclick="loadCategories()">Categories</a></li><br>
     <li><a data-toggle="tab" onclick="loadItems()">Items</a></li><br>
     <li><a data-toggle="tab" onclick="loadModifierGroups()">Modifier Groups</a></li><br>
   </ul>
 </li>
 <li><a data-toggle="tab" onclick="loadTenders()">Orders</a></li>
</ul>

但该样式不适用于带有下拉列表的库存选项卡。这里可能出了什么问题？

观点：

Answer 1

在 bootstrap 导航标签中定义了填充。如果您想更好地自定义填充，可以通过将 !important 应用于您的样式来覆盖它。

padding-right: 40px !important;
padding: 40px 30px 10px 20px !important;

希望对您有所帮助。

如何为 bootstrap 3 个导航标签添加填充

How to include padding for bootstrap 3 nav-tabs

html

padding

nav

twitter-bootstrap-3