Whats the difference between default and inverse? (Bootstrap)

Question

I'm doing the one month rails class and in one of the lessons we're told to change some stuff from default to inverse. He doesn't go over why or whats the significance of it. If someone could explain to me that would be awesome.

Heres an example: nav class="navbar navbar-inverse" role="navigation" vs nav class="navbar navbar-default role="navigation"

Answer 1

Styling classes (CSS) are responsible for configuring the visual look and feel of the elements.

Changing navbar-default to navbar-inverse simply changes the look of the navigation bar from bright to dark color palette.

You can check it out here: https://getbootstrap.com/docs/3.4/components/#navbar-inverted

Answer 2

It's just CSS styling. .navbar-inverse inverts the background/foreground/border colors.

.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

FYI, the bootstrap components page spells out most (if not all) of what bootstrap has to offer. It's a great resource.

Answer 3

The color of the nav bar is inverse. The default is in almost white, while the inverse is in a darker shade.

example of inverse at the bottom of the page