BootStrap中修改navbar导航条的默认高度

本文主要是介绍BootStrap中修改navbar导航条的默认高度，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

用BootStrap写点东西，用到了导航栏，但是导航栏的高度非常的臃肿

就像这样的，太高了，因为BootStrap设置的样式高度是50px,

我想实现的是这样的

修改其默认的样式高度，就能实现导航栏高度的调整

添加如下代码，将代码添加到bootstarap.mim.css样式文档中

.navbar-nav > li > a{padding-top:4px ;padding-bottom:0 ;height: 30px;
}
.navbar {min-height:20px ;}

其中">"是用来查找子元素的，这里设置的是标签 “li” 子元素的 “a”，

“>”符号
表示儿子级的(不包括孙子级的)
.aaa > .bbb {}
的意思就是.aaa 的儿子元级元素且样式名含有.bbb

（小傻猫日常一皮，嘻嘻嘻，学习时光再走慢点就更好了）

这篇关于BootStrap中修改navbar导航条的默认高度的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---