Html 如何包括引导3导航选项卡的填充

在我看来，我有一个引导导航选项卡，我想在我创建的下拉列表中添加一个填充，该下拉列表位于导航选项卡中

<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>

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

---

视图：

在引导导航选项卡中定义了填充。如果您想更好地自定义填充，请通过应用来覆盖它！对你的风格很重要

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

希望这有帮助