Bootstrap 4 - Difference between Nav and Navbar classes

Bootstrap 4 - Difference between Nav and Navbar classes
0

#1

I’m struggling to understand the difference between nav and navbar classes. When do I use one vs the other. It seems from my reading that navbar is a flexbox by default… if I make a navbar like the guides example -

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">Site Name</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Page 1</a></li>
      <li><a href="#">Page 2</a></li>
      <li><a href="#">Page 3</a></li>
    </ul>
  </div>
</nav>

my links end up stacking vertically… my understanding is that flex containers should stack horizontally by default.

I feel like somewhere I’m missing a bit of information that might be a key to understanding it all…


#2

anyone have any ideas?