我想在移动版本的导航栏中更改最大高度。以下代码片段位于 bootstrap.css 文件中
@media (min-width: 768px) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
}
我有一个自定义的 .css 文件,我已经在其中成功更改了导航栏的某些属性。要将 max-heigt 从 340px 更改为 auto 我写了以下内容:
@media (max-width: 767px) {
.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
color: #DBFAFF
}
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
color: #40F99B
}
.navbar-custom .navbar-fixed-top .navbar-collapse,
.navbar-custom .navbar-fixed-bottom .navbar-collapse {
max-height: auto;
}
}
前两个变化正在起作用。
我在我的 HTML 文件中是以下行:
<nav class="navbar-custom navbar navbar-inverse navbar-fixed-top ">
但这不会将最大高度更改为自动。当我在 chrome 检查中更改 340px 时,它完全符合我的要求。
有谁知道可能是什么问题?
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句