关于导航按钮在其他尺寸下显示问题
1.
Bootstrap第4177行
@media (min- 768px) {
.navbar-header {
float: left;
}
}
修改为
@media (min- 992px) {
.navbar-header {
float: left;
}
}
2.
Bootstrap第4194行
@media (min- 768px) {
.navbar-collapse {
auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
修改为
media (min- 992px) {
.navbar-collapse {
auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
3.
Bootstrap第4318行
@media (min- 768px) {
.navbar-toggle {
display: none;
}
}
修改为
@media (min- 992px) {
.navbar-toggle {
display: none;
}
}