我在引导导航标签内有一个下拉菜单。但是特定的下拉项仅在有限的宽度上徘徊。
代码段:
<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>
视图:
答案 0 :(得分:0)
您是否尝试过删除style =“ margin-left:15px;”从您的第一个元素
答案 1 :(得分:0)
好,试试看
<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>