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

您所在的位置:网站首页 bootstrap设置行高 BootStrap中修改navbar导航条的默认高度

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

2024-07-16 23:36| 来源: 网络整理| 查看: 265

用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

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3