如何在引导程序中设置下拉项的宽度？

Question

我必须在导航栏的右侧添加一个小下拉菜单。我试图通过添加一个设置宽度的新 CSS 类来设置元素的宽度，但我尝试的任何方法都不起作用。

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

除了元素的宽度之外，一切都工作正常。每个链接只有两个字符，但它们的宽度很大，超出了屏幕的宽度：

Answer 1

bootstrap 的下拉菜单中有一个最小宽度。您可以像这样重置它：

.dropdown-menu {
  min-width:inherit;
}