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

时间:2019-04-02 08:15:48

标签: html twitter-bootstrap-3 padding nav

在我看来,我有一个引导nav-tabs,并且我想在thr nav-tabs中包含对我创建的下拉菜单的填充。

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

但是该样式不适用于带有下拉菜单的“广告资源”标签。这里可能出什么问题了?

视图:

1 个答案:

答案 0 :(得分:1)

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

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

希望获得帮助。