只要加上这段css就可以覆盖Bootstrap.css的代码，定制符合自己的样式
.navbar { min-height: 40px; } .nav > li > a { padding: 8px 15px; } .navbar-brand { padding: 8px 15px; }
如图：
设置BootStrap导航条的高度
2014-01-07
957
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
只要加上这段css就可以覆盖Bootstrap.css的代码，定制符合自己的样式
.navbar {
min-height: 40px;
}
.nav > li > a {
padding: 8px 15px;
}
.
目录
相关文章
|
7月前
|
索引
容器
Bootstrap4----网络系统、图像形状、轮播、滚动监听、多媒体对象、下拉菜单导航及按钮
Bootstrap4----网络系统、图像形状、轮播、滚动监听、多媒体对象、下拉菜单导航及按钮
53
0
0
|
24天前
|
开发框架
前端开发
UED
|
6月前
|
前端开发
JavaScript
容器
|
2月前
|
6月前
|
前端开发
JavaScript
|
6月前
|
开发框架
前端开发
JavaScript
|
11月前
|
前端开发
开心档 - 软件开发入门之 Bootstrap4 面包屑导航（Breadcrumb）
面包屑导航是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置，是在用户界面中的一种导航辅助。
66
0
0
|
前端开发
开心档之Bootstrap4 面包屑导航（Breadcrumb）
面包屑导航是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置，是在用户界面中的一种导航辅助。
88
0
0
|
前端开发
|
前端开发
热门文章
最新文章
1
OceanBase数据库常见问题之bootstrap时报错如何解决
2
Bootstrap轮播图
3
Bootstrap表单
4
bootstrap组件
5
Bootstrap下拉菜单与选项卡
6
Boostrap技能点整理之【bootstrap简介】
7
Bootstrap排版
8
Bootstrap的CSS组件
9
Bootstrap弹出框与警告框
10
Bootstrap模态框
1
使用Python、Django和Bootstrap构建在线教育平台
30
2
分享42个Bootstrap模板，总有一款适合您
29
3
分享56个Bootstrap模板，总有一款适合您
38
4
分享46个Bootstrap模板，总有一款适合您
23
5
分享44个Bootstrap模板，总有一款适合您
59
6
Bootstrap5 响应式导航栏
22
7
Bootstrap5 导航组件和面包屑
17
8
Bootstrap5 图片轮播
17
9
基于Flask+Bootstrap+机器学习的世界杯比赛预测系统
55
10
基于Flask+Bootstrap+机器学习的南昌市租房价格预测系统(下)
50
