📅 最后修改于: 2020-12-19 02:49:57 🧑 作者: Mango
导航栏就像放置在页面顶部的导航标题。您可以根据屏幕尺寸折叠或扩展它。
您可以使用在页面顶部创建标准导航栏。
请参阅以下示例：
Bootstrap Case
Basic Navbar Example
A navigation bar is a navigation header that is placed at the top of the page.
反向导航栏提供了另一种黑色导航栏。通过将.navbar-default类更改为.navbar-inverse class ，可以用于设置默认导航栏的样式。
请参阅以下示例：
Bootstrap Case
Inverted Navbar
An inverted navbar is black instead of gray.
您还可以添加带有导航栏的下拉菜单。以下示例为“第1页”按钮添加了一个下拉菜单。
请参阅以下示例：
Bootstrap Case
Navbar With Dropdown
This example adds a dropdown menu for the "Page 1" button in the navigation bar.
使用.navbar-right类可将导航栏按钮右对齐。在以下示例中，我们在导航栏中向右侧添加“注册”和“登录”按钮。
请参阅以下示例：
Bootstrap Case
Right Aligned Navbar
The .navbar-right class is used to right-align navigation bar buttons.
在Bootstrap 4中，您可以根据屏幕大小扩展或折叠导航栏。使用.navbar类创建一个标准导航栏，然后创建一个响应式折叠类：.navbar-expand-xl | lg | md | sm(将导航栏垂直堆叠在超大，大，中或小屏幕上)。
要在导航栏中添加链接，请使用