Гамбургер-меню на bootstrap 4
как создать гамбургер-меню по этому коду?
<div class = "container-fluid h-100">
<div class = "row h-100">
<div class = "collapse d-md-flex h-100 box">
<ul class = "nav flex-column flex-nowrap h-100">
<li class = "nav-item h-25"><a class = "nav-link h-100 " href = "#">A </a></li>
<li class = "nav-item h-25 "><a class = "nav-link h-100 " href = "#">B</a></li>
<li class = "nav-item h-25"><a class = "nav-link h-100 " href = "#l">C</a></li>
<li class = "nav-item h-25"><a class = "nav-link h-100" href = "#">D</a></li>
</ul>
</div>
</div>
</div>
может кто-нибудь помочь, пожалуйста?
Используйте переключатель Navbar: getbootstrap.com/docs/4.1/components/navbar
—
13.12.2018 14:15
Вам также необходимо использовать javascript начальной загрузки. Ссылка доступна здесь: getbootstrap.com/docs/4.1/getting-started/introduction
—
13.12.2018 14:43
Улучшение производительности загрузки с помощью 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 страниц, которые помогут...
1
3
158
1
Ответы 1
По сути, вы должны следуйте документации. Ваш код должен выглядеть так.
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity = "sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin = "anonymous">
<nav class = "navbar navbar-expand-lg navbar-light bg-light">
<ul class = "navbar-nav mr-auto">
<li class = "nav-item">
<a class = "nav-link" href = "#">A</a>
</li>
<li class = "nav-item">
<a class = "nav-link" href = "#">B</a>
</li>
<li class = "nav-item">
<a class = "nav-link" href = "#">C</a>
</li>
<li class = "nav-item">
<a class = "nav-link" href = "#">D</a>
</li>
</ul>
</nav>Другие вопросы по теме
Почему в моем коде есть этот лишний раздел?
Копирование текста в буфер обмена из скрытого ввода не работает в jQuery
Странное наведение изображения CSS
Центральная строка в CSS-сетках
Сделайте что-нибудь, если элемент равен значению и отмечен
Загрузите 4 карты с циклом php foreach
Установите для класса контейнера Bootstrap значение не более 940 пикселей
Сохранить значение js в анимации css
Проблемы с Jekyll (таблица стилей не включена?)
Динамическое изменение размера div по размеру текста
Похожие вопросы
Альтернатива тегу <script>, если ресурс не загружается
Почему в моем коде есть этот лишний раздел?
Как поочередно отображать два веб-контента в одном браузере без перезагрузки?
Как вызвать функцию внутри inner.html
Возникли проблемы с реализацией функции confirm () для кнопок формы
Код с вводом csv не работает машинописный javascript d3
Копирование текста в буфер обмена из скрытого ввода не работает в jQuery
Почему у моих ссылок нет различимого названия?
Флажок ввода остается установленным?
Флажок HTML по умолчанию
следуйте документации для него: getbootstrap.com/docs/4.0/components/navbar