Неверно выровнены кнопки навигационной панели в уменьшенном виде - PullRequest
Новая
       4

Неверно выровнены кнопки навигационной панели в уменьшенном виде

1 голос
/ 26 мая 2020

Я новичок в 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>
...