设置BootStrap导航条的高度

简介: 只要加上这段css就可以覆盖Bootstrap.css的代码,定制符合自己的样式 .navbar { min-height: 40px; } .nav > li > a { padding: 8px 15px; } .

只要加上这段css就可以覆盖Bootstrap.css的代码,定制符合自己的样式

.navbar {
  min-height: 40px;
}
.nav > li > a {
  padding: 8px 15px;
}
.navbar-brand {
  padding: 8px 15px;
}

 如图:

目录
相关文章
|
8月前
|
索引 容器
Bootstrap4----网络系统、图像形状、轮播、滚动监听、多媒体对象、下拉菜单导航及按钮
Bootstrap4----网络系统、图像形状、轮播、滚动监听、多媒体对象、下拉菜单导航及按钮
|
10天前
|
前端开发 JavaScript
Bootstrap 5 保姆级教程(十三):滚动监听 & 侧边栏导航
Bootstrap 5 保姆级教程(十三):滚动监听 & 侧边栏导航
|
10天前
|
前端开发
Bootstrap 5 保姆级教程(九):折叠 & 导航
Bootstrap 5 保姆级教程(九):折叠 & 导航
N..
|
2月前
|
开发框架 前端开发 UED
bootstrap导航
bootstrap导航
N..
13 0
|
7月前
|
前端开发 JavaScript 容器
|
3月前
Bootstrap5 导航组件和面包屑
Bootstrap5 导航组件和面包屑
18 0
|
7月前
|
前端开发 JavaScript
|
7月前
|
开发框架 前端开发 JavaScript
Bootstrap01【前端开发框架】家居商城首页之导航&轮播图
Bootstrap01【前端开发框架】家居商城首页之导航&轮播图
|
12月前
|
前端开发
开心档 - 软件开发入门之 Bootstrap4 面包屑导航(Breadcrumb)
面包屑导航是一种基于网站层次信息的显示方式。以博客为例,面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置,是在用户界面中的一种导航辅助。
|
前端开发
开心档之Bootstrap4 面包屑导航(Breadcrumb)
面包屑导航是一种基于网站层次信息的显示方式。以博客为例,面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置,是在用户界面中的一种导航辅助。
开心档之Bootstrap4 面包屑导航(Breadcrumb)