Bootstrap 提供了一系列的按钮样式，这些样式可以应用于 <a>、<button> 或 <input> 元素。以下是如何使用这些样式的详细说明和示例代码：
基本按钮样式
要创建一个基本的按钮，你需要在元素上添加 .btn 类。这将给按钮添加圆角和灰色背景的默认外观。
<button type="button" class="btn">默认按钮</button>
按钮颜色
Bootstrap 提供了多种颜色的按钮，用于表示不同的操作和状态。
.btn-default：默认/标准按钮，通常为灰色。.btn-primary：原始按钮样式，通常为蓝色。.btn-success：表示成功的动作，通常为绿色。.btn-info：用于弹出信息的按钮，通常为浅蓝色。.btn-warning：表示需要谨慎操作的按钮，通常为橙色。.btn-danger：表示危险动作的按钮，通常为红色。.btn-link：让按钮看起来像链接，但保留按钮的行为。
<button type="button" class="btn btn-default">默认按钮</button>
<button type="button" class="btn btn-primary">原始按钮</button>
<button type="button" class="btn btn-success">成功按钮</button>
<button type="button" class="btn btn-info">信息按钮</button>
<button type="button" class="btn btn-warning">警告按钮</button>
<button type="button" class="btn btn-danger">危险按钮</button>
<button type="button" class="btn btn-link">链接按钮</button>
按钮大小
Bootstrap 允许你创建不同大小的按钮。
.btn-lg：创建一个大按钮。.btn-sm：创建一个小按钮。.btn-xs：创建一个超小按钮。
<button type="button" class="btn btn-primary btn-lg">大按钮</button>
<button type="button" class="btn btn-primary btn-sm">小按钮</button>
<button type="button" class="btn btn-primary btn-xs">超小按钮</button>
块级按钮
使用 .btn-block 类可以创建一个块级按钮，它会占据父元素的全部宽度。
<button type="button" class="btn btn-primary btn-block">块级按钮</button>
状态类
Bootstrap 还提供了两个状态类，用于表示按钮的状态。
.active：给按钮添加被点击的视觉效果。.disabled：禁用按钮，使其不可点击。
<button type="button" class="btn btn-primary active">活动按钮</button>
<button type="button" class="btn btn-primary" disabled>禁用按钮</button>
