Bootstrap 4 Spinners

Con quay

Để tạo một spinner / loader, hãy sử dụng .spinner-borderlớp:

Thí dụ

Con quay màu

Sử dụng bất kỳ ứng dụng màu văn bản nào để thêm màu vào con quay:

Thí dụ

Đang phát triển Spinners

Sử dụng .spinner-growlớp nếu bạn muốn spinner / loader phát triển thay vì "spin":

Thí dụ

Kích thước con quay

Sử dụng .spinner-border-smhoặc .spinner-grow-smđể tạo một con quay nhỏ hơn:

Thí dụ

Các nút Spinner

Bạn cũng có thể thêm spinners vào một nút, có hoặc không có văn bản:

Thí dụ

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

❮ Trước Kế tiếp ❯

Hướng dẫn Bootstrap 4

Bootstrap 4 Grid

Bootstrap 4 Khác

Bootstrap 4 Ref

Bootstrap 4 Spinners

Con quay

Thí dụ

Con quay màu

Thí dụ

Đang phát triển Spinners

Thí dụ

Kích thước con quay

Thí dụ

Các nút Spinner

Thí dụ