通过在输入字段中添加前缀和后缀内容，您可以为用户的输入添加常用元素。例如，您可以添加美元符号、Twitter 用户名的 @ 符号，或任何其他可能对您的应用程序界面常见的元素。示例您可以尝试运行以下代码来创建 Bootstrap 输入分组 在线演示 Bootstrap 输入分组 @ .00 $ .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