无法使用引导程序执行动态宽度下拉列表

Question

我让下拉列表工作正常，但我需要找到一种方法来使宽度动态。我遇到的问题是，我需要能够在2列或3列中将彼此相邻。我知道我可以简单地添加一个类来根据需要设置宽度，但是我希望找到一种更有活力的css方式，有点像使用white-space的技巧：nowrap;在下拉列表中的单个列的li上。 现在我的代码是基本的bootstrap下拉设置。

<ul class="nav">
   <li class="dropdown">
      <a href="#" class="dropdown-toggle arrow down-arrow" data-toggle="dropdown" aria-expanded="true">Item</a>
      <div class="dropdown-menu">
         <ul>
            <li>Item</li>
            <li>Item</li>
            <li>Item</li>
         </ul>
         <ul>
            <li>Item</li>
            <li>Item</li>
            <li>Item</li>
         </ul>
      </div>
   </li>
</ul>

Answer 1

我明白了。我所要做的就是将.dropdown上的位置切换为静态，将相对位置放在.nav上，然后将.dropdown-menu上的左侧从0切换到auto。