Tengo el menú desplegable en sí mismo funcionando bien, peroNecesito encontrar una manera de hacer que el ancho sea dinámico. El problema que estoy teniendo es que necesito poder flotar ul "uno al lado del otro en 2 o 3 columnas. Sé que simplemente puedo agregar una clase para establecer el ancho según sea necesario, pero espero encontrar una forma con css que sea más dinámica, como el truco que usa el espacio en blanco: nowrap; en el li de un solo columna dentro del menú desplegable. En este momento, mi código es el menú desplegable básico de arranque configurado.
<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>
Respuestas
0 para la respuesta № 1Me lo imaginé. Todo lo que tenía que hacer era cambiar la posición de .dropdown a static, poner el pariente en .nav, y cambiar el menú izquierdo de .dropdown de 0 a auto.