Problemi nel fare elenchi a discesa con larghezza dinamica con bootstrap - html, css, twitter-bootstrap

Ho il menu a discesa stesso che funziona bene, maDevo trovare un modo per rendere dinamica la larghezza. Il problema che sto riscontrando è che devo essere in grado di far galleggiare gli ululati uno accanto all'altro in 2 o 3 colonne. So che posso semplicemente aggiungere una classe per impostare la larghezza secondo necessità, ma spero di trovare un modo con css che sia più dinamico, un po 'come il trucco usando lo spazio bianco: nowrap; sulla li di un singolo colonna all'interno del menu a discesa. In questo momento il mio codice è il menu a discesa di base del bootstrap impostato.

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

risposte:

L'avevo capito. Tutto quello che dovevo fare era commutare la posizione su .dropdown su statico, mettere il relativo su .nav e commutare il menu .dropdown-sinistra da 0 a auto.