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

it2022-05-09  26

用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

(小傻猫日常一皮,嘻嘻嘻,学习时光再走慢点就更好了)


最新回复(0)