[RUBY] Bootstrap4 Ändern Sie die Farbe des Hamburger-Menüs

Mit CSS einstellen

1. Ändern Sie die Farbe der drei Zeilen im Hamburger-Menü

Ich werde mit rgba rgba (255,255,255,1) spielen

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

2. Ändern Sie die Hintergrundfarbe des Hamburger-Menüs

.navbar-toggler{
  background-color: #000000;
}

3. Ändern Sie den Rand des Hamburger-Menüs

.navbar-toggler{
  border-color: #ffffff;
}

Recommended Posts

Bootstrap4 Ändern Sie die Farbe des Hamburger-Menüs
[AndroidStudio] Ändern Sie die Farbe des Hamburger-Menüs von ActionBarDrawerToggle
[Eclipse] Ändern Sie die Farbe des vertikalen Lineals
[Swift] Ändern Sie die Farbe des SCN-Knotens
<Android> Ändern Sie die Hintergrundfarbe der List-Zeile von ListView
Ich möchte die Farbe des Steuerungsmenüs oben in Liferay 7 / DXP ändern
[Rails] Ändern Sie den Labelnamen von f.label
[swift5] So ändern Sie die Farbe der TabBar oder die Farbe des TabBar-Elements mit Code
Ändern Sie die URL der Eclipse-Projekt-App (Maven).
Ändern Sie die Zeitzone des https-Portal-Containers in JST
Wie Microservices die Art und Weise der Anwendungsentwicklung verändern
Ändern Sie den Docker-Image- und Container-Platzierungsordner
[Active Admin] Färben Sie den Titel (Bedienfeld) des Formulars aus
[Rails] So ändern Sie den Spaltennamen der Tabelle
[Rails] Standardmäßig festgelegte Kennwortüberprüfung abbrechen / ändern
Ändern Sie die Speicherqualität von JPEG-Bildern in Java
Die Welt der Clara-Regeln (2)
Desktop: OpenCV-Farbänderung
Beurteilung des Kalenders
Die Welt der Clara-Regeln (4)
Die Welt der Clara-Regeln (1)
Die Welt der Clara-Regeln (3)
Die Welt der Clara-Regeln (5)
Die Idee der schnellen Sortierung
Die Idee von jQuery
Entwicklung der iOS-App: Timer-App (9. Passen Sie die Farbe des Fortschrittsbalkens an)
Ich möchte die Protokollausgabeeinstellung von UtilLoggingJdbcLogger ändern
Ändern Sie den Dateinamen und das Ausgabeziel der JavaVM-Fehlerdatei
So ändern Sie den Einstellwert von Springboot Hikari CP
[Schienen] Wenn die Layoutänderung des Geräts nicht berücksichtigt wird
So ändern Sie den Inhalt der JAR-Datei, ohne sie zu dekomprimieren