Bootswatch меняет определение класса nav с блока на flex?

Question

Я следую учебнику, используя .net core, bootstrap а также bootswatch, В учебнике есть это меню:

<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>

В bower.json учебник добавляет начальную загрузку 3.3.5 и начальную загрузку 3.3.7. Когда запускается эта программа.net core 2, стиль для nav:

display: block

На английском языке меню выглядит как таблица с 1 столбцом и 4 строками.

Поскольку bootstrap и bootswatch 4 уже здесь, я обновляю их в bower.json до 4.1.0. К моему удивлению, стилер для навигации изменен на:

display: flex

На английском языке меню теперь отображается в виде 4 столбцов, но только в 1 строке.

Почему определение nav менять? Это ошибка?

Answer 1

Это не ошибка. Bootstrap 4 теперь использует flexbox по умолчанию.

Поскольку это новая основная версия, некоторые вещи были изменены.

Вот простая вертикальная навигация (обратите внимание на добавленные классы):

<nav class="nav flex-column">
  <a class="nav-link active" href="#">Active</a>
  <a class="nav-link" href="#">Link</a>
  <a class="nav-link" href="#">Link</a>
  <a class="nav-link disabled" href="#">Disabled</a>
</nav>

Как видите, вам больше не нужен элемент списка. Однако, если вы хотите использовать список, проверьте документы.

Проверьте документы для получения дополнительной информации.