Bootstrap how to add 2 menubars?

Question

Bootstrap

There is a navigation menu, but if I add 1 more, then it inherits all the styles from 1, how can I add another one? After all, you can’t change the standard bootstrap div names.

Answer 1

You cannot change vendor files (if I understand the essence of the issue correctly), and you can twist your markup as you like.
For example, nothing prevents you from adding a class and giving it your own style

<div class="navbar navbar-default my-first-menu">
  <div class="container-fluid">
    <div class="navbar-header"></div>
  </div>
</div>
<div class="navbar navbar-default my-other-menu">
  <div class="container-fluid">
    <div class="navbar-header"></div>
  </div>
</div>

.my-first-menu {
  background: black;
}
.my-other-menu {
  background: red;
}

Answer 2

Set styles by ID.