Bootstrap4 按钮

Bootstrap4 按钮

Bootstrap 4 是一个流行的前端框架，它提供了一系列的组件来帮助开发者快速构建响应式、移动优先的网页。按钮（Button）是网页中常用的交互元素，Bootstrap 4 提供了丰富的按钮样式和功能，以适应各种场景需求。

按钮基本用法

在 Bootstrap 4 中，按钮的创建非常简单，只需在元素上添加 btn 类和 btn-* 类（其中 * 代表按钮的样式，如 btn-primary、btn-secondary 等）。以下是一个基本的按钮示例：

<button type="button" class="btn btn-primary">点击我</button>

这个按钮将显示为蓝色的文本，并带有圆角。你可以通过添加不同的类来改变按钮的样式、大小、形状等。

按钮大小

Bootstrap 4 提供了三种不同大小的按钮：小号（sm）、中号（md）和默认（lg）。在 btn-* 类中添加 -sm、-md 或 -lg 来设置按钮的大小。

<button type="button" class="btn btn-primary btn-lg">大按钮</button>
<button type="button" class="btn btn-secondary">默认大小</button>
<button type="button" class="btn btn-success btn-sm">小按钮</button>

按钮形状

Bootstrap 4 支持两种形状的按钮：圆形和椭圆形。通过添加