bottstrap lodding
时间: 2024-01-13 16:04:25 浏览: 15
在 Bootstrap 中,可以使用 `spinner` 和 `spinner-border` 类来实现加载指示器。这些类可以应用于任何元素,以显示旋转的加载图标。
例如,要在按钮中添加加载指示器,可以使用以下代码:
```html
<button type="button" class="btn btn-primary" disabled>
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
Loading...
</button>
```
在上面的示例中,`spinner-border` 类将为加载指示器添加旋转效果,而 `spinner-border-sm` 类将调整加载指示器的大小。`disabled` 属性将禁用按钮,以防止用户重复点击。
除了在按钮中使用加载指示器之外,还可以将它们添加到表单、导航栏等其他组件中。可以通过在需要添加加载指示器的元素中添加 `spinner` 或 `spinner-border` 类来实现。
请注意,在使用加载指示器时,最好将其与异步请求一起使用,以便在请求完成时隐藏加载指示器。