HTML Значок меню Navbar опускается на 1 строку на экранах меньшего размера

Question

Мой код:

CSS:

    .nav a{
      color: white !important;
      font-size: 20px;
    }
    .navbar-brand{
      color: white !important;
      font-size: 20px;
      font-family: sans-serif;
    }

На некоторых экранах значок меню находится в нужном месте: справа от экрана, в строке с изображением.

Однако на большинстве небольших экранов значок меню перемещается на одну строку вниз, а панель навигации становится выше. Как я могу это исправить?

Answer 1

Для этого есть два решения. 1.Используйте bootstrap класс navbar. Это автоматически сделает вашу страницу отзывчивой. или 2. Используйте медиазапросы css. Вы должны определить вручную как для экрана мобильного устройства, так и для p c sceeen