这个问题在这里已有答案:
它在大屏幕上工作得非常好,但在调整大小时会消失。我没有为导航栏设置任何高度属性。 Fiddle我知道这个问题被问了很多次。但我从未遇到过有效的解决方案。
HTML
<nav class="navbar navbar-expand-lg fixed-top">
<a class="navbar-brand" href="#">Title</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-auto">
<a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="#">About</a>
<a class="nav-item nav-link" href="#">Services</a>
<a class="nav-item nav-link" href="#">Contact</a>
</div>
</div>
</nav>
CSS
nav{
font-family: 'Montserrat', sans-serif;
background-color: white;
}
nav .navbar-brand{
font-size: 2.5em;
}
nav .bg-custom{
background-color: white !important;
}
nav .nav-link{
color: black;
font-size: 1.3em;
font-weight: 600;
letter-spacing: 0.5px;
margin-right: 1em;
}
在那。隐藏在右边。没有必要像更新小提琴那样改变bg
。
只需添加类navbar-light
所以,
<nav class="navbar navbar-expand-lg fixed-top">
将是
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
它将是可见的。
去你的小提琴。点击右侧,那里有一个按钮,你只是看不到它,因为它全是白色的(它是切换器)。 Navbar将展开(下拉列表)以显示内容。您只需更改按钮的颜色即可。