Source

Bóng đổ

Thêm hoặc loại bỏ bóng cho các phần tử bằng tiện ích hộp-bóng.

Các ví dụ

Mặc dù bóng trên các thành phần bị tắt theo mặc định trong Bootstrap và có thể được bật thông qua $enable-shadowsđó, bạn cũng có thể nhanh chóng thêm hoặc xóa bóng với các box-shadowlớp tiện ích của chúng tôi. Bao gồm hỗ trợ .shadow-nonevà ba kích thước mặc định (có các biến được kết hợp để phù hợp).

Không có bóng
Bóng nhỏ
Bóng thường xuyên
Bóng lớn hơn
<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">Larger shadow</div>