Bootstrap4 旋转

加载器

要创建加载器，请使用.spinner-border类：

示例

亲自试一试 »

彩色加载器

使用任何文本颜色实用程序为微调器添加颜色：

示例

亲自试一试 »

种植纺纱机

使用.spinner-grow如果您希望加载器/加载器增长而不是 "spin"：

示例

亲自试一试 »

加载器尺寸

使用.spinner-border-sm或者.spinner-grow-sm创建一个更小的微调器：

示例

亲自试一试 »

微调按钮

您还可以向按钮添加带有或不带有文本的微调器：

示例

<button class="btn btn-primary">
<span class="spinner-border spinner-border-sm"></span>
</button>

<button class="btn btn-primary">
<span class="spinner-border spinner-border-sm"></span>
Loading..
</button>

<button class="btn btn-primary" disabled>
<span class="spinner-border spinner-border-sm"></span>
Loading..
</button>

<button class="btn btn-primary" disabled>
<span class="spinner-grow spinner-grow-sm"></span>
Loading..
</button>

亲自试一试 »