Меню навигации не открывается под заголовком для средних экранов с помощью начальной загрузки 4

Question

Я не могу загрузить меню навигации снизу, когда экран браузера среднего размера.

В браузере Firefox при нажатии значка гамбургера он должен загружаться под заголовком.Это выглядит правильно, когда я делаю ширину браузера очень маленькой, как это:

Но по какой-то причине, когда я начинаю увеличивать ширину, он загружает меню изправая сторона.Например:

Я пытался обновить CSS, но безрезультатно.

Пожалуйста, найдите код здесь, и любая помощь будет оценена.Благодарю.https://www.codeply.com/go/qMkYwnOOrH

Answer 1

Из-за того, как вы используете строки и столбцы, вам нужно изменить этот div:

<div class="row no-gutters nav-item-container">

как это:

<div class="row no-gutters nav-item-container collapse navbar-collapse" id="navbarsExampleDefault">

и здесь удалите атрибуты class и id:

<div class="collapse navbar-collapse" id="navbarsExampleDefault">