Блог

Главная - Вопросы по программированию - Как сделать так, чтобы логотип и меню навигационной панели начальной загрузки имели «отступ» слева и справа соответственно?

Как сделать так, чтобы логотип и меню навигационной панели начальной загрузки имели «отступ» слева и справа соответственно?

#javascript #html #jquery #css #bootstrap-4

Вопрос:

Прямо сейчас логотип и меню выровнены по крайней левой и крайней правой части экрана на моем веб-сайте. Я бы хотел, чтобы они оставались на заданном процентном расстоянии (в отличие от абсолютного расстояния) от крайностей, чтобы это хорошо работало даже при изменении размера страницы.

Спасибо.

Комментарии:

1. Вы пробовали использовать a container в своей навигационной панели, как описано в документах начальной загрузки? С контейнером логотип и кнопка меню будут находиться в крайнем левом и правом углу для небольших экранов, но в пределах размера контейнера на больших экранах.

Ответ №1:

Я думаю, что вы хотите, чтобы ваш логотип и меню располагались немного слева и справа от экрана, если это правда, то вы можете добавить отступ слева и справа от самой навигационной панели, это автоматически переместит логотип и меню в середину экрана.Вот код, которому вы можете следовать.

 <nav class="navbar">
  // YOUR CODE GOES HERE
</nav>

.navbar{
  padding: 0 20px //insted of 20px you can give it in X% as well.
}

и, если я не понял вопроса, пожалуйста, дайте мне знать.

Метки: ,