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
Post a Comment