Ich habe das Dropdown selbst gut funktioniert, aberIch muss einen Weg finden, um die Breite dynamisch zu machen. Das Problem, das ich habe, ist, dass ich in der Lage sein muss, ul in entweder 2 oder 3 Spalten nebeneinander zu schweben. Ich weiß, dass ich einfach eine Klasse hinzufügen kann, um die Breite nach Bedarf einzustellen, aber ich hoffe, mit CSS einen Weg zu finden, der dynamischer ist, ähnlich wie der Trick mit dem Leerraum: nowrap; Spalte in der Dropdown-Liste. Im Moment ist mein Code das grundlegende Bootstrap-Dropdown-Menü.
<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>
Antworten:
0 für die Antwort № 1Ich habe es herausgefunden. Alles, was ich tun musste, war, die Position auf .dropdown auf static zu stellen, den Relativen auf .nav zu setzen und die linke auf .dropdown-menu von 0 auf auto zu stellen.