Переключатель навигационной панели Bootstrap 5 не отображается на фиксированной вершине

Я использую навигационную панель Bootstrap 5, фиксированную вверху, и переключатель не отображается при изменении размера браузера. Когда я снимаю фиксированную верхнюю часть, я вижу переключатель. Что мне не хватает?

<nav class = "navbar navbar-expand-lg fixed-top">
    <div class = "container-fluid">
        <a class = "navbar-brand" href = "#">Name</a>
        <button class = "navbar-toggler" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarNav" aria-controls = "navbarTogglerDemo01" aria-expanded = "false" aria-label = "Toggle navigation">
            <span class = "navbar-toggler-icon"></span>
        </button>
        <div class = "collapse navbar-collapse" id = "navbarNav">
            <ul class = "navbar-nav ml-auto">
                <li class = "nav-item">
                    <a class = "nav-link active" aria-current = "page" href = "index.html">Home</a>
                </li>
                <li class = "nav-item">
                    <a class = "nav-link" href = "`enter code here`">Resume</a>
                </li>
                <li class = "nav-item">
                    <a class = "nav-link" href = "">Linkedin</a>
                </li>
                <li class = "nav-item">
                    <a class = "nav-link" href = "">GitHub</a>
                </li>
                <li class = "nav-item">
                    <a class = "nav-link" href = "">Email</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

Вернуть оригинал

navbar-dark bg-dark

Вернет переключатель при изменении размера страницы. Я чувствую, что это так просто, и я так близок.

Что вы имеете в виду, когда говорите, что «переключатель не отображается при изменении размера»? переключатель это все навбар? или пункты меню?

likquietly 11.11.2022 15:12

А после какого разрешения экрана он пропадает?

likquietly 11.11.2022 15:13

@likquietly Я имел в виду трехстрочное «гамбургер-меню». разрешение, в котором он исчез, было после длины 991px

will 11.11.2022 18:57
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
Начала с розового дизайна
Начала с розового дизайна
Pink Design - это система дизайна Appwrite с открытым исходным кодом для создания последовательных и многократно используемых пользовательских...
Учебник по Javascript
Учебник по Javascript
JavaScript - это язык программирования, который обычно используется для добавления интерактивности и других динамических функций на веб-сайты. Он...
Анимация SVG-узоров без единой строки CSS
Анимация SVG-узоров без единой строки CSS
Недавно я работал над веб-проектом, который позволил мне поэкспериментировать с шаблонами SVG. С SVG очень приятно работать, как только вы получите...
5 распространенных ошибок, которых следует избегать при начале работы с HTML
5 распространенных ошибок, которых следует избегать при начале работы с HTML
Приветствую вас, изучающие HTML! Я составил список распространенных ошибок, которые часто допускают студенты, начинающие изучать HTML. Пожалуйста,...
Неделя 1 - Карточки с временной шкалой
Неделя 1 - Карточки с временной шкалой
Поскольку это была первая неделя, я решил начать с простого. Предполагалось, что у меня будет временная шкала с несколькими карточками, которые можно...
0
3
88
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я понял.

Я изменился

<nav class = "navbar navbar-expand-lg fixed-top">

К

<nav class = "navbar navbar-expand-lg navbar-dark bg-transparent fixed-top">

Добавление navbar-dark bg-transparent вернуло переключатель.

Другие вопросы по теме