要为导航栏添加响应式功能，您想要折叠的内容需要用 <div> 包裹，并添加类 .collapse 和 .navbar-collapse。您可以尝试运行以下代码：示例在线演示 Bootstrap 示例 切换导航 工具 在线编译器 图片编辑器 白板 图片优化器

按照 Bootstrap 中以下步骤创建默认导航栏：- 为 <nav> 标签添加类 .navbar 和 .navbar-default。- 为上述元素添加 role = "navigation"，以帮助辅助功能。- 为 <div> 元素添加标题类 .navbar-header。- 包含一个带有类 navbar-brand 的 <a> 元素。这将使文本稍微增大。- 要向导航栏添加链接，只需添加一个带有类 .nav 和 .navbar-nav 的无序列表即可。您可以尝试运行以下代码来创建默认导航栏：示例在线演示 Bootstrap 示例 汽车 BMW 奥迪 SUV Creta Scorpio

Bootstrap 中的 navbar-default 类用于创建导航栏。您可以尝试运行以下代码来实现 navbar-default 类示例在线演示 Bootstrap 示例 汽车 BMW 奥迪

要形成带下拉菜单的 Pills，您可以尝试运行以下示例：示例在线演示 Bootstrap 示例 网站 主页 关于 产品 在线编译器 图片编辑器 服务 联系

对于 Bootstrap 中的 justified nav，使用 .nav-justfied 类。您可以尝试在网页上运行以下代码以获得 justified nav：示例在线演示 Bootstrap 示例 科目 主页 教程 视频 问答 导师

对于每个 .nav 类，如果您添加 .disabled 类，它将创建一个灰色链接，并且还会禁用 :hover 状态。您可以尝试运行以下代码来设置禁用链接：示例在线演示 Bootstrap 示例 网站 主页 团队 作者 MVP 网站（带有禁用链接） 主页 团队 作者（禁用链接） MVP

要将选项卡转换为 Pills，请使用类 .nav-pills。您可以尝试运行以下代码来实现 Bootstrap Pills：示例在线演示 Bootstrap 示例 科目 Java WordPress JavaScript AngularJS

要创建更大的输入组，请使用 input-group-lg。您可以尝试运行以下代码在 Bootstrap 中实现 input-group-lg 类：示例在线演示 Bootstrap 示例 $

要在 Bootstrap 中设置成功的操作，请使用 .btn-success 类。您可以尝试运行以下代码在 Bootstrap 中实现 btn-success 类：示例在线演示 Bootstrap 示例 成功按钮

要将选项卡转换为 Pills，请使用类 .nav-pills，您可以尝试运行以下代码来实现 Bootstrap Pills：示例在线演示 Bootstrap 示例 科目 Java WordPress JavaScript AngularJS