Bootstrap 4 cung cấp một cách dễ dàng để tạo alert messages:
Các Alert được tạo bởi class .alert
, sau đó ta cũng có các class .alert-success
, .alert-info
, .alert-warning
, .alert-danger
, .alert-primary
, .alert-secondary
, .alert-light
, .alert-dark
:
<div class="alert alert-success">
<strong>Success!</strong> Indicates a successful or positive action.
</div>
Bạn có thể thêm class alert-link
cho link bên trong alert box:
<div class="alert alert-success">
<strong>Success!</strong> You should <a href="#" class="alert-link">read this message</a>.
</div>
Để đóng hộp alert, bạn hãy thêm class .alert-dismissible
. Sau đó thêm class="close"
và data-dismiss="alert"
để khi click vào nút đóng bên cạnh nó sẽ làm hộp alert biến mất.
<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Success!</strong> Indicates a successful or positive action.
</div>
Class .fade
và .show
tạo hiệu ứng fade khi đóng hộp alert:
<div class="alert alert-danger alert-dismissible fade show">
Ứng Dụng Học
Theo dõi cập nhật nội dung học trên Youtube & Facebook
Thông Tin Liên Hệ
Công Ty Cổ Phần Công nghệ ZicZac Việt Nam.
Website: https://gozic.vn
SĐT: 096 - 70 25 996
Email: ziczacgroup@gmail.com
Thiết kế webiste chuyên nghiệp
Thiết kế phần mềm quản trị
Thiết kế ứng dụng Android
Thiết kế ứng dụng IOS
Thiết kế Web App
Hỗ trợ Digital Marketing
Hỗ trợ quảng cáo Google Ads
Hỗ trợ quảng cáo Facebook Ads
Hỗ trợ SEO Website