Bootstrap 4 引导导航栏未出现在手机上
当窗口为全尺寸时,导航栏工作正常,但当窗口调整大小或在移动设备上查看站点时,导航栏将消失,只显示一个没有链接的小条带Bootstrap 4 引导导航栏未出现在手机上,bootstrap-4,navbar,Bootstrap 4,Navbar,当窗口为全尺寸时,导航栏工作正常,但当窗口调整大小或在移动设备上查看站点时,导航栏将消失,只显示一个没有链接的小条带 <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark" id="navbar"> <div class="collapse navbar-collapse"> <ul class="navbar-nav">
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark" id="navbar">
<div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="ResumeKJ.pdf">Resume</a>
</li>
</ul>
</div>
</nav>
有两种方法可以解决此问题,第一种方法是使用navbar expand来代替navbar expand lg,让navbar始终展开: 例1: 您缺少可选但显示在右侧的导航栏品牌和显示按钮以展开导航栏的导航栏切换;还要记住向折叠部分添加一个id以引用