Bootstrap 4, bg-inverse not showing up?

Trying to follow the navbar example in the Bootstraps documentation, I have a problem when the background color of the navigation bar does not load.

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

I looked in bootstrap.css and bg-inverse does not appear there. Should I create colors myself, or am I doing something wrong? (I work in an Angular project)

+8
css bootstrap-4
source share
1 answer

I think you are using Bootstrap beta version. Use the Alpha version . This will solve the problem, they do not provide 4-beta loading for 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> 

look at https://getbootstrap.com/docs/4.0/components/navbar/

bootstrap@4.0.0-beta STRONG>

 <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> 

look at https://getbootstrap.com/docs/4.0/components/navbar/

+15
source share

All Articles