将导航栏固定到顶部，在.navbar类中添加类.navbar-fixed-top。您可以尝试运行以下代码将导航栏固定到顶部 示例 在线演示 Bootstrap示例 交通方式 空中交通 水上交通

使用input group，您可以轻松地将文本或按钮添加到基于文本的输入中。Bootstrap中input-group类的用法也是如此。您可以尝试运行以下代码来实现input-group类 - 示例 在线演示 Bootstrap示例 @ .00 $ .00

通过添加相关的表单大小类，例如.input-group-lg、input-group-sm、input-group-xs到.input-group本身来更改输入组的大小。您可以尝试运行以下代码来更改Bootstrap中输入组的大小：示例 在线演示 Bootstrap示例 @ @ @

菜单也可以向上而不是向下弹出。要实现这一点，只需将.dropup添加到父.btn-group容器即可。您可以尝试运行以下代码将菜单设置为向上弹出：示例 在线演示 Bootstrap示例 向上弹出 主题 编程 Web开发 数据库 网络

使用btn-sm Bootstrap类创建一个小的按钮。您可以尝试运行以下代码来实现btn-sm Bootstrap类：示例 在线演示 Bootstrap示例 主题 编程 Web开发 数据库 网络

使用btn-xs Bootstrap类创建一个更小的按钮。您可以尝试运行以下代码来实现btn-xs类：示例 在线演示 Bootstrap示例 主题 编程 Web开发 数据库 网络

菜单也可以向上而不是向下弹出。要实现这一点，只需将.dropup添加到父.btn-group容器即可。您可以尝试运行以下代码将菜单设置为向上弹出 - 示例 在线演示 Bootstrap示例 下拉菜单 主题 编程 Web开发 数据库 网络 向上弹出 主题 编程 Web开发 数据库 网络

`btn-group-vertical` 类可以使一组按钮垂直堆叠显示，而不是水平显示。您可以尝试运行以下代码来实现 `btn-group-vertical` 类：示例在线演示           Bootstrap 示例                                          BCA          B.Tech                                      Masters                                                        MCA                MBA                M.Tech                M.COM                                

在一个按钮组内嵌套按钮组，即在一个 `.btn-group` 内放置另一个 `.btn-group`。当您希望下拉菜单与一系列按钮混合使用时，就会这样做。要嵌套按钮组，您可以尝试运行以下代码 −示例在线演示           Bootstrap 示例                                          Rank          Marks                                      Subjects                                                        Maths                Science                English                                

使用 `btn-large`、`.btn-sm` 或 `.btn-xs` 类可以使下拉菜单与任何按钮大小兼容。让我们来看一个 `btn-large` 的示例在线演示           Bootstrap 示例                                                       Default                                                 Action             Another action             Something else here                         Separated link