css - 降低折叠 bootstrap 导航栏的高度

有什么办法可以减少导航栏的高度吗？
http://www.bootply.com/render/1dopQbJEMd。我在链接中使用完全相同的css属性。我尝试在css中使用height属性。但是它并没有减少。

最佳答案

检查该代码后，我看到了


.navbar具有min-height:50px，将其更改为min-height:0，以便它将从其内容继承height
.navbar-brand具有padding:15px 15px，减少所需的top和bottom填充，例如padding:5px 15px
正如您在第2点所做的那样，.navbar-nav>li>a将padding-top:15px;padding-bottom:15px减小为5px
.navbar-text具有margin-top:15px;margin-bottom:15px，也像在第2点和第3点一样将其减小为5px


最后，您将拥有CSS：

.navbar {
   min-height:0;
}
 .navbar-brand {
   padding:5px 15px;
}
.navbar-nav>li>a {
   padding-top:5px;
   padding-bottom:5px;
}
.navbar-text {
   margin-top:5px;
   margin-bottom:5px;
}

您的.navbar的高度将为30px，而20px小于之前的高度

关于css - 降低折叠 bootstrap 导航栏的高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39203669/