Я новичок в html и bootstrap -4 в целом, поэтому будьте снисходительны. Я делаю веб-сайт для одного школьного проекта, и у меня проблема с созданной мной навигационной панелью. Он отлично работает, пока вы не просматриваете страницу в меньшем размере, чем 575 пикселей. Кнопки внезапно смещаются, и они накладываются друг на друга не горизонтально, а вертикально. Я хочу, чтобы они оставались в одном горизонтальном положении. Это просто школьный проект, поэтому он не обязательно должен быть идеальным, но я действительно хочу, чтобы он работал.
Буду благодарен за вашу помощь!
<body>
<nav class="navbar sticky-top navbar-expand-sm navbar-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link disabled" href="#">MENU</a>
</li>
<li class="nav-item ml-4">
<a class="nav-link" href="HOMEPAGE.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="PAGE.html">History</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Missions</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">More</a>
</li>
</ul>
</nav>