Hướng dẫn alert bootstrap 4 - cảnh báo bootstrap 4

Question

Cung cấp các thông báo phản hồi theo ngữ cảnh cho các hành động người dùng điển hình với một số thông báo cảnh báo linh hoạt và có sẵn.

Nội dung chính Show

Màu sắc liên kết
Nội dung bổ sung
Hành vi JavaScript
Phương pháp
Sự kiện

Ví dụ

Cảnh báo có sẵn cho bất kỳ độ dài văn bản nào, cũng như nút DISMISS tùy chọn. Để biết kiểu dáng phù hợp, hãy sử dụng một trong tám lớp theo ngữ cảnh cần thiết (ví dụ: .alert-success). Để loại bỏ nội tuyến, hãy sử dụng plugin jQuery cảnh báo.required contextual classes (e.g., .alert-success). For inline dismissal, use the alerts jQuery plugin.

 class="alert alert-primary" role="alert">
  This is a primary alert—check it out!


 class="alert alert-secondary" role="alert">
This is a secondary alert—check it out!

 class="alert alert-success" role="alert">
This is a success alert—check it out!

 class="alert alert-danger" role="alert">
This is a danger alert—check it out!

 class="alert alert-warning" role="alert">
This is a warning alert—check it out!

 class="alert alert-info" role="alert">
This is a info alert—check it out!

 class="alert alert-light" role="alert">
This is a light alert—check it out!

 class="alert alert-dark" role="alert">
This is a dark alert—check it out!

Truyền đạt ý nghĩa để hỗ trợ các công nghệ

Sử dụng màu sắc để thêm ý nghĩa chỉ cung cấp một dấu hiệu trực quan, sẽ không được chuyển đến người dùng các công nghệ hỗ trợ - chẳng hạn như đầu đọc màn hình. Đảm bảo rằng thông tin được biểu thị bằng màu là rõ ràng từ chính nội dung (ví dụ: văn bản có thể nhìn thấy) hoặc được bao gồm thông qua các phương tiện thay thế, chẳng hạn như văn bản bổ sung ẩn với lớp .sr-only.

Màu sắc liên kết

Sử dụng lớp tiện ích

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

0 để nhanh chóng cung cấp các liên kết màu phù hợp trong bất kỳ cảnh báo nào.

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

Nội dung bổ sung

Cảnh báo cũng có thể chứa các yếu tố HTML bổ sung như tiêu đề, đoạn văn và bộ chia.

 class="alert alert-success" role="alert">
   class="alert-heading">Well done!
  Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

 class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

Gạt bỏ

Sử dụng plugin JavaScript cảnh báo, nó có thể loại bỏ bất kỳ cảnh báo nào. Đây là cách: làm thế nào:

Hãy chắc chắn rằng bạn đã tải plugin cảnh báo hoặc bootstrap được biên dịch JavaScript.

Nếu bạn đang xây dựng JavaScript của chúng tôi từ nguồn, nó yêu cầu

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

1. Phiên bản biên dịch bao gồm điều này.

Thêm một nút DISMISS và lớp

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

2, thêm phần đệm vào bên phải của cảnh báo và định vị nút

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

3.

Trên nút DISMISS, thêm thuộc tính

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

4, kích hoạt chức năng JavaScript. Hãy chắc chắn sử dụng phần tử

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

5 với nó cho hành vi thích hợp trên tất cả các thiết bị.

Để có các cảnh báo kích thích khi loại bỏ chúng, hãy chắc chắn thêm các lớp

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

6 và

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

7.

Bạn có thể thấy điều này trong hành động với bản demo trực tiếp:

 class="alert alert-warning alert-dismissible fade show" role="alert">
  Holy guacamole! You should check in on some of those fields below.
   type="button" class="close" data-dismiss="alert" aria-label="Close">
     aria-hidden="true">×

Hành vi JavaScript

Gây nên

Bật việc bác bỏ cảnh báo thông qua JavaScript:

$('.alert').alert()

Hoặc với các thuộc tính

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

8 trên một nút trong cảnh báo, như đã trình bày ở trên:within the alert, as demonstrated above:

 type="button" class="close" data-dismiss="alert" aria-label="Close">
   aria-hidden="true">×

Lưu ý rằng việc đóng một cảnh báo sẽ loại bỏ nó khỏi DOM.

Phương pháp

Phương pháp Sự mô tả

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

9

Làm cho một cảnh báo lắng nghe các sự kiện nhấp chuột trên các yếu tố hậu duệ có thuộc tính

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

4. (Không cần thiết khi sử dụng tự động hóa dữ liệu-API.)

 class="alert alert-success" role="alert">
   class="alert-heading">Well done!
  Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
  
   class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

1

Đóng một cảnh báo bằng cách loại bỏ nó khỏi DOM. Nếu các lớp

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

6 và

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

7 có mặt trên phần tử, cảnh báo sẽ mờ dần trước khi xóa.

 class="alert alert-success" role="alert">
   class="alert-heading">Well done!
  Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
  
   class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

4

Phá hủy một yếu tố cảnh báo.

$(".alert").alert('close')

Sự kiện

Plugin cảnh báo Bootstrap, hiển thị một vài sự kiện để kết nối với chức năng cảnh báo.

Biến cố Sự mô tả

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

9

Làm cho một cảnh báo lắng nghe các sự kiện nhấp chuột trên các yếu tố hậu duệ có thuộc tính

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

4. (Không cần thiết khi sử dụng tự động hóa dữ liệu-API.)

 class="alert alert-success" role="alert">
   class="alert-heading">Well done!
  Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
  
   class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

1

Đóng một cảnh báo bằng cách loại bỏ nó khỏi DOM. Nếu các lớp

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

6 và

 class="alert alert-primary" role="alert">
  This is a primary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-secondary" role="alert">
  This is a secondary alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-success" role="alert">
  This is a success alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-danger" role="alert">
  This is a danger alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-warning" role="alert">
  This is a warning alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-info" role="alert">
  This is a info alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-light" role="alert">
  This is a light alert with  href="#" class="alert-link">an example link. Give it a click if you like.

 class="alert alert-dark" role="alert">
  This is a dark alert with  href="#" class="alert-link">an example link. Give it a click if you like.

7 có mặt trên phần tử, cảnh báo sẽ mờ dần trước khi xóa.

$('#myAlert').on('closed.bs.alert', function () {
  // do something…
})

programming bootstrap Alert Bootstrap 4 Alert bootstrap react Alert message Bootstrap Alert CSS Modal alert Bootstrap

Hướng dẫn alert bootstrap 4 - cảnh báo bootstrap 4

Ví dụ

Truyền đạt ý nghĩa để hỗ trợ các công nghệ

Màu sắc liên kết

Nội dung bổ sung

Gạt bỏ

Hành vi JavaScript

Gây nên

Phương pháp

Sự kiện

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội