通过在输入字段中添加前缀和后缀内容，您可以为用户的输入添加常用元素。例如，您可以添加美元符号、Twitter 用户名的@符号或任何其他可能对您的应用程序界面通用的内容。示例您可以尝试运行以下代码来创建 Bootstrap 输入组实时演示           Bootstrap 输入组                                                                        @                                                                                      .00                                                     span class = "input-group-addon">$                                .00                                

使用 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                                      硕士                                                        MCA                MBA                M.Tech                M.COM                                

将按钮组嵌套在另一个按钮组中，即在另一个 .btn-group 中放置一个 .btn-group。当您希望下拉菜单与一系列按钮混合使用时，就会执行此操作。要嵌套按钮组，您可以尝试运行以下代码 -示例实时演示           Bootstrap 示例                                          排名          分数                                      主题                                                       数学                科学                英语                                

使用 btn-large、.btn-sm 或 .btn-xs 类来在任何按钮尺寸上使用下拉菜单。让我们来看一个 btn-large 的示例示例在线演示           Bootstrap 示例                                                       默认                                                 操作             另一个操作             此处还有其他内容                         分隔链接                    

分隔按钮下拉菜单使用与下拉按钮相同的通用样式，但除了下拉菜单外还添加了一个主要操作。分隔按钮在左侧具有主要操作，在右侧具有一个切换按钮，该切换按钮显示下拉菜单。示例您可以尝试运行以下代码以分隔按钮下拉菜单 -在线演示           Bootstrap 示例                                          入学                                   切换下拉菜单                                 硕士             学士                              教职工                                   切换下拉菜单                                 管理             技术             职员                    

要向按钮添加下拉菜单，只需将按钮和下拉菜单包装在 .btn-group 中即可。您可以尝试运行以下代码以向按钮添加下拉菜单 -示例在线演示           Bootstrap 示例                                                       默认                                             操作             另一个操作             此处还有其他内容                         分隔链接                                             主要                                             操作             另一个操作             此处还有其他内容                         分隔链接                    

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