بوت اسپرینگ 5 لوادر

加载器

要创建 spinner/加载器，请使用 .服器轴 类、

ਉਦਾਹਰਣ

<div class="服器轴。</div>

ਸਵੈ ਮੈਂ ਕਰਾਂ

全色加载器

请使用任意文本颜色 为 spinner 添加颜色：

ਉਦਾਹਰਣ

<div class="服器轴有色。</div>
<div class="服器轴主色。</div>
<div class="服器轴成功色。</div>
<div class="服器轴信息色。</div>
<div class="服器轴警色。</div>
<div class="服器轴连转色。</div>
<div class="服器轴二维色。</div>
<div class="服器轴黑色。</div>
<div class="服器轴正明这种格式。</div>

ਸਵੈ ਮੈਂ ਕਰਾਂ

平衡加载器

如果您想要使用 spinner/加载器并且不是“流加”，请使用 .服器加载 类、

ਉਦਾਹਰਣ

<div class="服器加载正明这种格式。</div>
<div class="spinner-grow text-primary"></div>
<div class="spinner-grow text-success"></div>
<div class="spinner-grow text-info"></div>
<div class="spinner-grow text-warning"></div>
<div class="spinner-grow text-danger"></div>
<div class="spinner-grow text-secondary"></div>
<div class="spinner-grow text-dark"></div>
<div class="spinner-grow text-light"></div>

ਸਵੈ ਮੈਂ ਕਰਾਂ

ਲੋਡਰ ਸਾਈਜ਼

ਵਰਤੋਂ ਕਰੋ .spinner-border-sm ਜਾਂ .spinner-grow-sm ਛੋਟੇ ਲੋਡਰ ਬਣਾਓ:

ਉਦਾਹਰਣ

<div class="spinner-border spinner-border-sm"></div>
<div class="spinner-grow spinner-grow-sm"></div>

ਸਵੈ ਮੈਂ ਕਰਾਂ

ਲੋਡਰ ਬਟਨ

ਤੁਸੀਂ ਬਿਨਾ ਟੈਕਸਟ ਦੇ ਲੋਡਰ ਜੋੜ ਸਕਦੇ ਹੋ ਸਨ ਜਾਂ ਨਹੀਂ:

ਉਦਾਹਰਣ

<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>

ਸਵੈ ਮੈਂ ਕਰਾਂ