如何在bootstrap中设置数据项的宽度？

ndh0cuux 于 5个月前发布在 Bootstrap

关注(0)|答案(3)|浏览(56)

我不得不在导航栏的右侧添加一个小图标。我试图通过添加一个新的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>

字符串
一切正常，除了元素的宽度。每个链接只有两个字符，但它们的宽度非常大，超出了屏幕的宽度：

的数据

twitter-bootstrap

来源：https://stackoverflow.com/questions/53297638/how-to-set-width-on-dropdown-item-in-bootstrap

3条答案

按热度按时间

6ie5vjzr1#

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

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

字符串

赞(0）回复(0）举报 5个月前

t98cgbkg2#

试试这个：

.navbar .dropdown-menu.show {
    min-width: inherit;
    display: inline-block;
}

个字符

赞(0）回复(0）举报 5个月前

qlzsbp2j3#

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" 
data-toggle="dropdown">Dropdown Example
  <span class="caret"></span>
</button>
  <ul class="dropdown-menu">
    <li><a href="#">HTML</a></li>
    <li><a href="#">CSS</a></li>
    <li><a href="#">JavaScript</a></li>
  </ul>
</div>

字符串

赞(0）回复(0）举报 5个月前

我来回答

如何在bootstrap中设置数据项的宽度？

3条答案

相关问题

热门标签

最新问答