Bootstrap 4 按钮组

Bootstrap 4 按钮组

Bootstrap 4 是一个流行的前端框架，它提供了许多预制的组件，使得网页设计和开发变得更加快速和简单。按钮组（Button Groups）是 Bootstrap 4 中的一个重要组件，它允许我们将多个按钮组合在一起，创建更为复杂和实用的界面元素。本文将详细介绍 Bootstrap 4 按钮组的使用方法、样式定制以及一些高级功能。

基本用法

在 Bootstrap 4 中创建一个基本的按钮组非常简单。只需要将一组按钮包含在一个带有 btn-group 类的 div 元素中即可。例如：

<div class="btn-group" role="group" aria-label="Basic example">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>

这段代码将创建一个水平排列的按钮组，包含三个按钮。按钮组中的每个按钮都应该有 btn 类和相应的颜色类（如 btn-secondary）。

按钮组大小

Bootstrap 4