Когда ширина моего экрана достигает 767px, навигация сворачивается как исключенная. Когда я перехожу на 768px, navbar-nav идет ниже бренда navbar. Пока я не достиг 795px, снова появятся навигационные бренды и navbar-nav. Эти значения изменяются в зависимости от того, насколько велика ваша навигация. Вот jsbinnavbar-nav попадает под навигационную марку?
ответ
Ваш навигатор слишком широкий, поэтому места для него не хватает, чтобы он оставался на той же линии. Вы можете уменьшить отступы «.nav> li> а» для
padding: 10px 13px;
, чтобы избежать проблемы
Не уверен, если это является причиной или нет, но попробуйте принимать некоторые дополнения от вашего список элементов. Я считаю, что он слишком широк, чтобы вписаться в это место на странице при этом размере окна.
Общая ширина .navbar-заголовка и .navbar-nav - 794px, и для них нет места в той же строке. Вы можете изменить дополнение для .nav> .li> a to 10px 13px
Как вы определяете 10px и 13px? Можно ли также использовать медиа-запрос? – xaisoft
Заполнение по умолчанию для этого элемента - 10px 15px. Я открыл вашу ссылку, установил ширину 768 пикселей для окна «Выход» и использовал инструменты разработчика Chrome для замены изменений. С моими значениями весь элемент встал в одну строку. Вы можете установить его как значение по умолчанию или задать в запросе медиа для ширины окна задачи. Однако обратите внимание, что ширина .navbar-nav зависит от текстов ссылок. Если он будет длиннее, необходимо будет уменьшить значение больше. И если это будет короче, вы можете забыть об этой проблеме. – Kasumi
- 1. Bootstrap 4 рухнул navbar теряет навигационную марку
- 2. Как выровнять навигационную марку с остальными ссылками
- 3. Как сделать навигационную марку, выровненную по центру
- 4. Вертикально выровнять навигационную марку с загрузочным устройством
- 5. Должен ли navbar-header переносить навигационную марку в Twitter Bootstrap?
- 6. Меню Bootstrap не может быть выпадающим или использовать навигационную марку
- 7. Исправлено меню попадает под WOW Slider
- 8. Bootstrap carousel-control попадает под изображение
- 9. Календарь выбора даты попадает под раскрывающийся список
- 10. Фоновое изображение не попадает под контент div
- 11. Выпадающий список Bootstrap попадает под панель навигации
- 12. Невозможно выровнять навигационную панель под заголовком image
- 13. Как добавить изображение на навигационную марку в ASP.NET MVC 5 RAZOR
- 14. Как поместить навигационную марку слева, а на панели навигационных клавиш слева?
- 15. Почему ссылка на навигационную марку доступна только тогда, когда навигационная панель рушится?
- 16. Скрыть марку Google Maps
- 17. Изменить марку карты Google
- 18. Перейти на навигационную навигационную кнопку
- 19. Выполнить действие при уведомлении, когда оно попадает под лоток уведомлений
- 20. jQuery ui draggable element попадает под другие перетаскиваемые элементы
- 21. Выпадающее меню CSS не попадает под родительское меню
- 22. Почему мой стол попадает под мой бокс html?
- 23. UITableView в UINavigationController попадает под навигационной панели после поворота
- 24. Как отобразить связанную с секцией под бутстрапом навигационную панель
- 25. UIScrollView переходит под навигационную панель и строку состояния
- 26. создать марку google, содержащую цену
- 27. Полимер игнорирует марку бумажной карты
- 28. Как связать марку Nokia Maps?
- 29. Как установить марку внизу этикетки?
- 30. Отметить марку Google Map Маркеры
Как вы придумали 10px 13px? Будет ли это изменяться, если я добавлю или удалю пункты меню? Можно ли также использовать медиа-запрос? – xaisoft
Я только что протестировал консоль Chrome. Но он будет работать только с этим набором элементов, если вы добавите некоторую проблему, она вернется, так как меню будет шире. – symdev