Angular 7 (formerly Angular 2) - The Complete Guide by Maximilian Schwarzmüller Chapter 3 video 6 fix

So I ran into some issues, due to the tutorial using an older version of Bootstrap. A bit sad that apparently Bootstrap makes breaking changes to it's library. Using the code in the tutorial did not get me the menu as shown in the video. Here a possible fix:

<nav class="navbar navbar-expand-sm navbar-light bg-light">
  <div class="container-fluid">    <div class="navbar-header">      <a href="#" class="navbar-brand">Recipe book</a>    </div>
    <div class="collapse navbar-collapse">      <ul class="nav navbar-nav">        <li><a href="#" class="nav-link">Recipes</a></li>        <li><a href="#" class="nav-link">Shopping List</a></li>      </ul>
      <ul class="nav navbar-nav ml-auto">        <li class="dropdown">          <a href="#" class="nav-link dropdown-toggle" role="button">Manage <span class="caret"></span></a>          <ul class="dropdown-menu" >            <li><a href="#" class="dropdown-item" >Save Data</a></li>            <li><a href="#" class="dropdown-item" >Fetch Data</a></li>          </ul>        </li>      </ul>
    </div>  </div></nav>

Comments

Popular posts from this blog

Thinking about tech: Technological Determinism

Deep fakes, fake news, it's old news!

Software development as a growing profession - Present