2017-09-29 4 views
8

Beim Versuch, dem Navbar-Beispiel in der Bootstraps-Dokumentation zu folgen, habe ich ein Problem, bei dem die Hintergrundfarbe der Navbar nicht geladen wird.Bootstrap 4, bg-inverse wird nicht angezeigt?

<nav class="navbar navbar-inverse bg-inverse"> 
    <a class="navbar-brand" href="#">Navbar</a> 
</nav> 

Ich schaute in bootstrap.css und bg-inverse erscheint nicht dort. Soll ich die Farben selbst kreieren, oder mache ich etwas falsch? (Ich arbeite in einem Angular-Projekt)

+0

Können Sie ein Beispiel mit der angehängten js-Datei hinzufügen, verwenden Sie jsfiddle. – bhansa

+0

Meinst du Bootstrap.js ?, da dies eckig ist habe ich nur .ts Dateien – Beese

+0

Was benutzt man für Bootstrap 'bootstrap @ 4.0.0-beta' oder' bootstrap -v 4.0.0.alpha6 ' – core114

Antwort

15

Ich denke, Sie verwenden Bootstrap beta Version. Verwenden Sie die Alpha version. Es wird das Problem lösen, werden sie nicht bieten Bootstrap 4 Beta für die navbar-inverse bg-inverse

Bootstrap -v 4.0.0.alpha6

<nav class="navbar navbar-inverse bg-inverse"> 
    <!-- Navbar content --> 
</nav> 

<nav class="navbar navbar-inverse bg-primary"> 
    <!-- Navbar content --> 
</nav> 

<nav class="navbar navbar-light" style="background-color: #e3f2fd;"> 
    <!-- Navbar content --> 
</nav> 

Blick auf diese https://getbootstrap.com/docs/4.0/components/navbar/

[email protected] 0-beta

<nav class="navbar navbar-dark bg-dark"> 
    <!-- Navbar content --> 
</nav> 

<nav class="navbar navbar-dark bg-primary"> 
    <!-- Navbar content --> 
</nav> 

<nav class="navbar navbar-light" style="background-color: #e3f2fd;"> 
    <!-- Navbar content --> 
</nav> 

Blick auf diese https://getbootstrap.com/docs/4.0/components/navbar/

Verwandte Themen