Wie gehe ich in Bootstrap 4 vor, um die Hintergrundfarbe einer Navigationsleiste zu ändern? Der Code von tbbscolor funktioniert nicht. Ich möchte die Hintergrundfarbe eine andere Farbe und die Schriftfarbe weiß machen.
%Vor%
Ich habe es. Das ist sehr einfach.
Mit der Klasse bg können Sie dies leicht erreichen.
Lass mich dir zeigen:
%Vor%
Dies gibt Ihnen die standardmäßige blaue Navigationsleiste
Wenn Sie Ihre Lieblingsfarbe ändern möchten, verwenden Sie einfach das Style-Tag im Nav:
%Vor%
Hier können Sie die Hintergrundfarbe der Navigationsleiste viel einfacher ändern.
Auf deinem bg-danger benutze navbar-dark und erstelle einen Style für deine eigene Hintergrundfarbe wie navbar-light . %code% macht alle Ihre Links weiß.
HTML
%Vor%
CSS Stil ...
%Vor%
___ tag123bootstrap4 ___ Bootstrap 4 ist die vierte Hauptversion des beliebten Web-Front-End-Frameworks (HTML, CSS und JS), das bei der Erstellung von Responsive-Mobile-First-Websites und Web-Apps hilft.
___ tag123twitterbootstrap4 ___ Bootstrap 4 ist die vierte Generation des Front-End-Frameworks, die eine schnellere Web-Entwicklung mit einem attraktiven Erscheinungsbild ermöglicht. Bei Fragen zu früheren Versionen verwenden Sie bitte [tag: twitter-bootstrap-2] oder [tag: twitter-bootstrap-3]
___ answer47592289 ___
Wenn Sie die Bootstrap 4-Dokumentation Farbschemata lesen, werden Ihre Fragen beantwortet .
Aktualisierung 2018
Bootstrap 4.0.0:
Hier ist CSS, das die Farbe der Navbar in Bootstrap 4 ändern wird ...
%Vor%
Demo: Ссылка
Denken Sie auch daran, dass BS4 immer noch in Alpha ist, damit sich diese Klassen ändern können. Außerdem überschreibt das %code% in Ihrem Markup die gesamte Hintergrundfarbe.
Verwenden Sie %code% für dunkle / fette Hintergrundfarben und verwenden Sie %code% , wenn die Navigationsleiste eine hellere Farbe hat. Dies wirkt sich auf die Farbe des Textes und der Farbe des Toggle-Symbols aus, wie erklärt hier .