Ich arbeite an einem persönlichen Projekt und aufgrund einer großen Anzahl von Elementen für das Dropdown-Menü, würde eine Multi-Spalte (2 Spalten, um genau zu sein) besser funktionieren. Wie kann ich dies in Materialise CSS erreichen?Wie kann ich in Materialise CSS ein Dropdown-Menü mit mehreren Spalten erstellen?
0
A
Antwort
1
Ist das ähnlich, was Sie im Sinn haben? Es braucht ein wenig benutzerdefiniertes CSS, um eine Auffüllung zu entfernen, die die Listenelemente merkwürdig erscheinen lässt, aber es zeigt zwei Drop-Spalten und rastet auf kleineren Geräten ein.
HTML
<div id="dropdown1" class="row dropdown-content">
<div class="col s12 m6">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
<div class="col s12 m6">
<ul>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>
</div>
<nav>
<div class="nav-wrapper">
<ul>
<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Dropdown</a></li>
</ul>
</div>
</nav>
CSS
#dropdown1 div {
padding: 0;
}
#dropdown1 li {
text-align: center;
}
Verwandte Themen
- 1. Dropdownmenü Tabschlüssel pure CSS
- 2. Wie staple ich Schaltflächen in Materialise css?
- 3. Materialise CSS - Sticky Footer
- 4. Materialise css carousal
- 5. Wie kann ich ein CSS-Gleitmenü erstellen?
- 6. Erstellen einer kleinen Navbar und eines Seitenpanels in Materialise css
- 7. Wie überschreibe ich Materialise CSS in Ruby on Rails?
- 8. Wie kann ich ein Randlayout mit CSS erstellen?
- 9. Wie werden Spalten mit Materialise automatisch in eine Zeile umgewandelt?
- 10. Dropdownmenü in Android (2.3.3)
- 11. Materialise CSS Framework wirft Fehler
- 12. Wie kann ich erstellen und verwenden (oder simulieren) Indizes mit mehreren Spalten in Erlang Mnesia
- 13. Wie Javascript aktiviert auf Materialise-CSS-Framework
- 14. Wie ein data.table mit mehreren Spalten und mehreren Werten
- 15. Erstellen einer 2-Spalten-Tabelle aus mehreren Spalten mit VBA
- 16. xslt: Wie kann ich mit xslt eine Tabelle mit mehreren Spalten und Zeilen erstellen?
- 17. Materialise CSS Sideav in Apache Cordova
- 18. Dropdownmenü in ASP.NET Core 1.0
- 19. Wie materialise-css npm-Paket mit Webpack enthalten
- 20. Kann ich berechnete Spalten in SQLite erstellen?
- 21. Wie kann ich auf mehreren Spalten in Pandas aggregieren?
- 22. Wie zentriere ich n Spalten mit CSS?
- 23. Materialise css Karten mit gleicher Breite, aber unterschiedlicher Höhe
- 24. Materialise CSS Transparente Farbverlaufsüberlagerung auf Karte Bild
- 25. Wie kann ich scrollbare Spalten in Bootstrap erstellen?
- 26. Materialise CSS Side-nav funktioniert nicht
- 27. Wie erhalten Sie Multi-Select-Dropdown in Materialise CSS?
- 28. Wie kann ich ein HTML-Popup erstellen?
- 29. HTML-Tabelle mit Spalten mit fester Breite mit CSS erstellen
- 30. Materialise css Fußzeile Farbe weiß Problem