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

最新推荐文章于 2023-02-28 14:47:28 发布

Tina_dl

最新推荐文章于 2023-02-28 14:47:28 发布

阅读量5.8k

点赞数 3

分类专栏：导航条高度修改 Bootstrap 导航栏文章标签： BootStrap中修改navbar导航条的默认高度

本文链接：https://blog.csdn.net/Tina_dl/article/details/97150464

版权

4 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

用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

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

关注