我的导航栏是这样设置的:(注意类是navbar navbar-default
)
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-global">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-global">
<ul class="nav navbar-nav topnav">
....
这很好用,我在屏幕右侧看到了三明治菜单。
我希望能够为 navbar
应用相同的 CSS 行为,但没有 navbar-default
类。但如果我这样做:
<nav class="navbar" role="navigation">
我的三明治菜单根本不显示。
如何解决这个问题?
最佳答案
当您添加 navbar-default 类时,Bootstrap 会为切换菜单添加背景色:
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
删除类时,没有应用背景色,需要自己添加
.navbar-toggle .icon-bar {
// background-color:*****;
}
关于jquery - Bootstrap : How to apply mobile-toggle to navbars without navbar-default?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47981545/