{site_name}

{site_name}

🌜 搜索

Bootstrap 5(BS5)是一个流行的前端框架,用于构建响应式、移动优先的 Web 应用程序和网站

前端 𝄐 0
bootstrap table加载数据,bootstrap loading,bootstrap.yml加载顺序,bootstrap加载顺序,bootstrap未能加载,application和bootstrap加载顺序
Bootstrap 5(BS5)是一个流行的前端框架,用于构建响应式、移动优先的 Web 应用程序和网站。其中包含了一些用于样式和交互效果的组件,其中之一是加载器。

加载器通常被用于指示正在进行某些操作或等待内容加载的进度。Bootstrap 5 中提供了多种类型和颜色的加载器,可以方便地集成到你的应用程序中。

以下是几个使用 Bootstrap 5 加载器的示例:

1. 使用基本加载器


<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>


2. 使用不同大小的加载器


<div class="spinner-border spinner-border-sm" role="status">
<span class="visually-hidden">Loading...</span>
</div>

<div class="spinner-border spinner-border-md" role="status">
<span class="visually-hidden">Loading...</span>
</div>

<div class="spinner-border spinner-border-lg" role="status">
<span class="visually-hidden">Loading...</span>
</div>


3. 使用不同颜色的加载器


<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>

<div class="spinner-border text-secondary" role="status">
<span class="visually-hidden">Loading...</span>
</div>

<div class="spinner-border text-success" role="status">
<span class="visually-hidden">Loading...</span>
</div>

<div class="spinner-border text-danger" role="status">
<span class="visually-hidden">Loading...</span>
</div>

<div class="spinner-border text-warning" role="status">
<span class="visually-hidden">Loading...</span>
</div>

<div class="spinner-border text-info" role="status">
<span class="visually-hidden">Loading...</span>
</div>

<div class="spinner-border text-light bg-dark" role="status">
<span class="visually-hidden">Loading...</span>
</div>