Bootstrap 5 加載效果

Bootstrap 5 是一個流行的前端框架，它提供了豐富的組件和工具，用于快速開發響應式和移動優先的網頁。在本文中，我們將探討 Bootstrap 5 中的加載效果，包括如何實現它們以及它們在網頁設計中的作用。

什么是加載效果？

加載效果是在網頁或應用程序中用于指示內容正在加載的視覺提示。它們可以提高用戶體驗，因為在內容完全加載之前，用戶會收到正在進行的操作的反饋。

Bootstrap 5 中的加載效果

Bootstrap 5 提供了多種加載效果，可以通過簡單的 HTML 和 CSS 實現。以下是一些常見的加載效果：

1. Spinner

Bootstrap 5 的 Spinner 是一個簡單的旋轉指示器，用于表示加載狀態。要使用 Spinner，只需在 HTML 中添加以下代碼：

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

2. Grow

Grow 效果是一個簡單的動畫，用于指示內容正在加載。要使用 Grow 效果，只需在 HTML 中添加以下代碼：

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