Я использую навигационную панель 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 Я имел в виду трехстрочное «гамбургер-меню». разрешение, в котором он исчез, было после длины 991px
Я понял.
Я изменился
<nav class = "navbar navbar-expand-lg fixed-top">
К
<nav class = "navbar navbar-expand-lg navbar-dark bg-transparent fixed-top">
Добавление navbar-dark bg-transparent вернуло переключатель.
Что вы имеете в виду, когда говорите, что «переключатель не отображается при изменении размера»? переключатель это все навбар? или пункты меню?