手册
目录
导航栏是位于页面顶部的导航页眉：
通过使用 Bootstrap，导航栏可以扩展或折叠，具体取决于屏幕大小。
请使用 .navbar 类创建标准导航栏，然后是响应式折叠类：.navbar-expand-xxl|xl|lg|md|sm（在特大、超大、大、中型设备上水平排列，或小屏幕上垂直堆叠导航栏）。
如需在导航栏中添加链接，请使用 删除 添加 请使用任何 提示：请使用 活动/禁用状态：将 如果将 请使用 很多时候，尤其是在小屏幕上，您希望隐藏导航链接并用一个按钮替代它们，并在单击该按钮时显示它们。 如需创建可折叠导航栏，请使用已设置 提示：您还可以删除 导航栏可容纳下拉菜单： 您还可以在导航栏中包含表单： 导航栏也可以固定在页面的顶部或底部。 固定导航栏会在独立于页面滚动的固定位置（顶部或底部）保持可见。 请使用 .fixed-bottom 类把导航栏停留在页面底部： 请使用 注释：此类在 IE11 及更早版本中不起作用（将其视为 相关 视频 RELATED VIDEOSclass="navbar-nav" 的 .nav-item 类的 元素，后跟带有 .nav-link 类的 元素：
实例
垂直导航栏
.navbar-expand-* 类可创建始终垂直的导航栏：实例
居中的导航栏
.justify-content-center 类可将导航栏居中：实例
彩色导航栏
.bg-color 类来更改导航栏的背景颜色：
.bg-primary.bg-success.bg-info.bg-warning.bg-danger.bg-secondary.bg-dark.bg-light.navbar-dark 类为导航栏中的所有链接添加白色文本颜色，或使用 .navbar-light 类添加黑色文本颜色。实例
.active 类添加到 元素可突出显示当前链接，或添加 .disabled 类来指示链接不可点击。品牌 / 标志
.navbar-brand 类用于突出显示页面的品牌/标志/项目名称：实例
.navbar-brand 类与图像一起使用时，Bootstrap 5 将自动设置图像样式，在垂直方向适应导航栏。实例
导航栏文本
.navbar-text 类垂直对齐导航栏中非链接的任何元素（确保正确的内边距和文本颜色）。实例
class="navbar-toggler"、data-bs-toggle="collapse" 和 data-bs-target="#thetarget" 的按钮。然后将导航栏内容（链接等）包裹在 class="collapse navbar-collapse" 的 data-bs-target 匹配的 id："thetarget"。
实例
.navbar-expand-md 类以始终隐藏导航栏链接并显示切换按钮。下拉菜单导航栏
实例
导航栏菜单和按钮
实例
位置固定的导航栏
.fixed-top 类使导航栏固定在页面的顶部：实例
实例
.sticky-top 类使导航栏在滚动经过它时固定/停留在页面的顶部。position:relative）。实例
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
71万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125.1万人学习
