使用不在常规导航栏导航组件内的标准链接，然后使用类 navbar-link 为默认和反向导航栏选项添加合适的颜色。您可以尝试运行以下代码来设置标准链接 −示例在线演示           Bootstrap 示例                                                                      网站                                                    版权                TP                                

使用实用程序类 .navbar-left 或 .navbar-right 将导航链接、表单、按钮或文本等组件在导航栏中向左或向右对齐。这两个类都将在指定方向添加 CSS 浮动。示例您可以尝试运行以下代码来对齐组件在线演示           Bootstrap 示例                                                       对齐方式                                                                                                    Java                                                                                jmeter                      EJB                      Jasper Report                                            分隔链接                                            另一个分隔链接                                                                                                    左对齐-提交按钮                         左对齐-文本                                                                                Java                                                                                jmeter                      EJB                      Jasper Report                                            分隔链接                                            另一个分隔链接                                                                                                    右对齐-提交按钮                                          右对齐-文本                    

在屏幕宽度大于 768px 时，使用类 .nav-justified 与 .nav、.nav-tabs 或 .nav、.nav-pills 分别一起使用，使选项卡或药丸与其父元素具有相同的宽度。在较小的屏幕上，导航链接将堆叠在一起。示例在线演示           Bootstrap 示例                                  主题                       首页             团队             作者             MVP              

使用类 .navbar-btn 向元素添加按钮。您可以尝试运行以下代码以将按钮添加到导航栏示例在线演示           Bootstrap 示例                                                       示例                                                                                                  提交按钮                         导航栏按钮                    

使用类 .navbar-text 将文本字符串换行到元素中。示例您可以尝试运行以下代码来在 Bootstrap 导航栏中设置文本 −在线演示           Bootstrap 示例                                                       演示                                 版权所有 © 2018                    

使用 pagination-lg Bootstrap 类为分页设置大型项目。您可以尝试运行以下代码以在 Bootstrap 中实现 pagination-lg 类示例在线演示           Bootstrap 示例                                 代码示例       以下是示例：                «          代码1          代码2          代码3          代码4          代码5          »          

使用 `.table-condensed` 类可以将表格的行内填充缩减一半，从而使表格更紧凑，如下例所示。如果您需要显示更密集的信息，这将非常有用。您可以尝试运行以下代码在 Bootstrap 中实现 `table-condensed` 类：示例在线演示 Bootstrap 表格 足球运动员排名 足球运动员 排名 国家 梅西 1 阿根廷 内马尔 2 巴西 罗纳尔多 3 葡萄牙

.btn-primary 类提供了额外的视觉权重，并标识了一组按钮中的主要操作：示例在线演示 Bootstrap 示例 主要按钮

使用类 `.navbar-btn` 将按钮添加到不在 `` 元素中的元素，以便在导航栏中垂直居中显示它们。`.navbar-btn` 可用于 `` 和 `` 元素。您可以尝试运行以下代码来实现 navbar-btn 类：示例在线演示 Bootstrap 示例 搜索： 提交按钮 导航栏按钮

要在 CSS 中创建导航栏，请使用 navbar-form 类：示例在线演示 Bootstrap 示例 我的网站 提交