我必须在导航栏的右侧添加一个小下拉菜单。因为我是 Bootstrap 的新手,所以我遇到了一个非常简单的问题。
我的代码:
<li class="nav-item dropdown">
<a href="#"
id="navbarDropdown"
data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false"
class="nav-link dropdown-toggle">
some text
</a>
<div aria-labelledby="navbarDropdownLangMenu"
class="dropdown-menu">
<a class="dropdown-item">AA</a>
<a class="dropdown-item">BB</a>
</div>
</li>
Everythink 工作很好,除了元素的宽度。每个链接只有两个字符,但是它们的宽度非常大,超出了屏幕的宽度:
我正在尝试为元素设置宽度值,添加设置宽度的新 css 类,但我尝试过的任何内容都不起作用。
bootstrap 的下拉菜单上有一个最小宽度。您可以像这样重置它:
.dropdown-menu {
min-width:inherit;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句