如何增加下拉菜单项的悬停宽度

Question

我在引导导航标签内有一个下拉菜单。但是特定的下拉项仅在有限的宽度上徘徊。

代码段：

<ul class="page-title__nav common-list nav nav-tabs">
     <li class="dropdown">
         <a href="#" data-toggle="dropdown" class="dropdown-toggle">Inventory<b class="caret"></b></a>
               <ul class="dropdown-menu">
                   <li style="margin-left: 15px;"><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>                 
</ul>

视图：

Answer 1

您是否尝试过删除style =“ margin-left：15px;”从您的第一个元素

Answer 2

好，试试看

<ul class="page-title__nav common-list nav nav-tabs">
<li class="dropdown">
    <a href="#" data-toggle="dropdown" class="dropdown-toggle">Inventory<b class="caret"></b></a>
    <div class="dropdown-menu">
        <a data-toggle="tab" onclick="loadCategories()">Categories</a>
        <a data-toggle="tab" onclick="loadItems()">Items</a>
        <a data-toggle="tab" onclick="loadModifierGroups()">Modifier Groups</a>
    </div>
</li>
</ul>