导航栏是一个将商标、导航以及别的元素简单放置到一个简洁导航页头的容器代码组合，它很容易扩展，而且在折叠板插件的帮助下，它可以轻松与其它内容整合。
运行原理这些是你开始使用导航条之前需要知道的东西：
导航栏需要使用.navbar 来定义，并使用 .navbar-expand{-sm|-md|-lg|-xl} 用于响应式布局以及使用配色方案Class 。 导航栏默认内容是流式的，使用 containers容喇来限制它们的水平宽度。 使用我们提供的 间隙间距 和 flex 布局 classes 来定义导航栏中元素的间距和对齐。 Navbars导航栏默认支持响应式，在修改上也很容易，你可以使用轻松的来定义它们-这取决于我们提供的 JavaScript 插件。 打印时，导航栏默认隐藏。如果需要打印显示，可以加入.d-print 样式到 .navbar中，点此参阅 display块元素 通用 class定义。 使用导航通用元素来确保可访问性（易用性），或者如果使用更通用的元素，例如添加一个role="navigation"，可以为使用者的辅助浏览提供明确标识。此组件的动画效果取决于prefers-reduced-motion 媒体查询. 请参阅我们的 辅助功能文档的简化动作部分.
继续阅读以获取支持的子组件的示例和列表。
支持的内容Navbar导航栏内置支持少量子组件。根据需要从以下选择：:
.navbar-brand 为您的公司，产品或项目名称。 .navbar-nav 提供完整的高和轻便的导航（包括对下拉菜单的支持）。 .navbar-toggler 用於我們的折疊插件和其他 navigation toggling 行為。 .form-inline 用于任何表单控件和操作。 .navbar-text 用于添加垂直居中的文本字符串。 .collapse.navbar-collapse用于通过父断点进行分组和隐藏导航列内容。以下是一个自动在 lg（大）断点处的自动响应轻型导航栏中包含的所有子组件的示例。
Navbar Home (current) Link Dropdown Action Another action Something else here Disabled SearchThis example uses color (bg-light) and spacing (my-2, my-lg-0, mr-sm-0, my-sm-0) utility classes.
品牌.navbar-brand 可以用于大多数元素，但对于