A tutorial I am currently following utilizes .net core, bootstrap, and bootswatch. In this tutorial, there is a menu implemented as follows:
<ul class="nav">
<li><a asp-controller="App" asp-action="Index">Home</a></li>
<li><a asp-controller="App" asp-action="About">About</a></li>
<li><a asp-controller="App" asp-action="Contact">Contact</a></li>
<li><a asp-controller="App" asp-action="Info">Info</a></li>
</ul>
Within the bower.json file in the project, bootstrap 3.3.5 and bootswatch 3.3.7 are initially included. When I run this .net core 2 program, the navigation style renders as:
display: block
In simpler terms, the menu displays like a table with 1 column and 4 rows.
After upgrading bootstrap and bootswatch to version 4.1.0 in bower.json, I noticed that the style for the navigation bar changes to:
display: flex
This adjustment causes the menu to now appear as having 4 columns but only 1 row.
I am curious as to why the definition of nav changes when upgrading to the newer versions. Could this be a bug?