Tạo khung thông báo lấy từ thư viện Bootstrap

LongAnIT 8/27/2019
Tạo khung thông báo đẹp lấy từ thư viện Bootstrap
Tạo khung thông báo lấy từ thư viện Bootstrap
Như bác bạn đã biết công dụng của bootstrap ngoài việc nó hổ trợ chúng ta bốc cục chia cột cho việc thiết kế website nó còn có rất nhiều compoment khác rất hay mà trong bài viết ngày hôm nay tôi muốn đề cập đến đó chính là Bootstrap Alerts.

Như bạn đã thấy hình ảnh phía trên tôi chụp lại bới 5 mẫu nội dung và màu sắc khác nhau. Tôi sẽ liệt kê các code bên dưới đi theo thứ tự từ trên xuống dưới.
<div class="alert alert-success">
<strong>Success!</strong> This alert box could indicate a successful or positive action.
  </div>
<div class="alert alert-info">
<strong>Info!</strong> This alert box could indicate a neutral informative change or action.
  </div>
<div class="alert alert-warning">
<strong>Warning!</strong> This alert box could indicate a warning that might need attention.
  </div>
<div class="alert alert-danger">
<strong>Danger!</strong> This alert box could indicate a dangerous or potentially negative action.
  </div>
<div class="alert alert-info">
<strong>Nếu trong quá trình thực hiện báo lỗi hay gặp khó khăn vui lòng để lại bình luận bên dưới để được hỗ trợ nhé. Chúc các bạn SEO nhanh lên top.
</strong></div>
Việc còn lại là bạn chỉ việc chèn nó vào trong Web/Blog của bạn sau đó thay đổi nội dung là xong. Lưu ý nếu bạn sử dụng blogspot thì khi post bài bạn chuyển sang chế độ HTML trước khi copy code vào nhé. Chúc các bạn thành công!

Không có nhận xét nào:

Đăng nhận xét

Nếu phát hiện spam bạn sẽ bị xử lý. Bạn có thể đặt backlink tại đây Hướng dẫn đặt backlink nofollow tại đây