Bootstrap Navbar неправильно отображает Nav Component Vue
У меня проблема с отображением панели навигации Bootstrap в моем компоненте Vue. В настоящее время он отображается как сложенная серая кнопка. Почти так, как он думает, что это на маленьком устройстве.
Полный код панели навигации можно найти здесь. Я не уверен, что мне не хватает, любая помощь будет принята с благодарностью.
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
0
75
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Ответ принят как подходящий
Какую версию бутстрапа вы используете?
<button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#bs-example-navbar-collapse-1" aria-controls = "bs-example-navbar-collapse-1" aria-expanded = "false" aria-label = "Toggle navigation">
<span class = "navbar-toggler-icon"></span>
</button>
В bootstrap 4.5 navbar-toggler button отличается от вашего. Затем, чтобы изменить цвет значка (чтобы увидеть его) кнопки в зависимости от стиля панели навигации, добавьте navbar-light, если панель навигации чистая, или navbar-dark, если она темная.
<button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarSupportedContent" aria-controls = "navbarSupportedContent" aria-expanded = "false" aria-label = "Toggle navigation">
<span class = "navbar-toggler-icon"></span>
</button>
Другие вопросы по теме
HTML Печать страницы с помощью JS
Как соединить пространство между контейнером с тенью окна при флаттере?
Установите родительский элемент как скрытое переполнение, чтобы отключить анимацию, но продолжать показывать дочерний элемент
@keyframes анимация background-position не работает
Можете ли вы изогнуть или закруглить только верхние углы окна в html?
Отдельное событие onClick для родительского и дочернего элементов
Строка теневой таблицы при наведении только на определенную ячейку
Некоторые значки шрифтов Tabler выглядят заполненными
HTML CSS. Можете ли вы определить класс с изображением с помощью CSS?
Тип ввода HTML-формы = "пароль" CSS не работает
Похожие вопросы
HTML Печать страницы с помощью JS
Установите родительский элемент как скрытое переполнение, чтобы отключить анимацию, но продолжать показывать дочерний элемент
Можете ли вы изогнуть или закруглить только верхние углы окна в html?
Отдельное событие onClick для родительского и дочернего элементов
Как анализировать теги span внутри <td> как отдельные значения через python?
Как найти элемент (кнопку) без идентификатора, значения и типа с помощью селена?
Проблема конкатенации HTML и javascript кода
HTML CSS. Можете ли вы определить класс с изображением с помощью CSS?
Тип ввода HTML-формы = "пароль" CSS не работает
D3 v4 изменить непрозрачность для узлов, связанных с контекстом
Ваш ответ был правильным. Я смотрел документацию для версии 3.3, а не 4.5. Спасибо, что указали на это.