navbar background color css

1<!-- Navbar text is dark and background is light -->
2	<nav class="navbar navbar-light bg-light">
3        <a class="navbar-brand" href="#">
4          Light color background
5      </a>
6    </nav>
7  
8    <nav class="navbar navbar-light bg-warning">
9        <a class="navbar-brand" href="#">
10          Warning color background
11      </a>
12    </nav>
13  
14<!-- Navbar text is light and background is dark -->
15    <nav class="navbar navbar-dark bg-dark">
16        <a class="navbar-brand" href="#">
17          Dark color background
18      </a>
19    </nav>
20  
21<!-- Similarly... -->
22    <nav class="navbar navbar-dark bg-primary">
23        <a class="navbar-brand" href="#">
24          Primary color background
25      </a>
26    </nav>
27  
28    <nav class="navbar navbar-dark bg-secondary">
29        <a class="navbar-brand" href="#">
30          Secondary color background
31      </a>
32    </nav>
33  
34    <nav class="navbar navbar-dark bg-success">
35        <a class="navbar-brand" href="#">
36          Success color background
37      </a>
38    </nav>