Đang sử dụng bootstrap ok?

Giải thích. Khi click vào button Launch demo modal thì popup xuất hiện. Bạn để ý cho mình đoạn mã sau


<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal titleh5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×span>
        button>
      div>
      <div class="modal-body">
        ...
      div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Closebutton>
        <button type="button" class="btn btn-primary">Save changesbutton>
      div>
    div>
  div>
div>
8

  • in which

    • data-target="#exampleModal" được dùng để xác định bất kỳ cửa sổ bật lên nào được gọi (nếu có nhiều cửa sổ bật lên trên cùng một trang), trong ví dụ trên cửa sổ bật lên có id là #exampleModal
    • data-toggle="modal" is command open a Modal Popup in Bootstrap
  • Phần popup bạn muốn hiển thị là đoạn mã này. Trong cửa sổ bật lên mà các bạn muốn thêm gì thì thêm ứng dụng ra sao tùy các bạn

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

    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 loại bỏ tùy chọn. Để tạo kiểu phù hợp, hãy sử dụng một trong tám lớp ngữ cảnh bắt buộc (e. g. , .alert-success). Để loại bỏ nội tuyến, hãy sử dụng

    Đây là cảnh báo chính—hãy kiểm tra

    Đây là cảnh báo phụ—hãy kiểm tra

    Đây là thông báo thành công—hãy kiểm tra

    Đây là cảnh báo nguy hiểm—hãy kiểm tra

    Đây là cảnh báo cảnh báo—hãy xem thử

    Đây là thông báo cảnh báo—hãy kiểm tra

    Đây là cảnh báo nhẹ—hãy kiểm tra

    Đây là một cảnh báo tối—hãy kiểm tra

    This is a primary alert—check it out!

    This is a secondary alert—check it out!

    This is a success alert—check it out!

    This is a danger alert—check it out!

    This is a warning alert—check it out!

    This is a info alert—check it out!

    This is a light alert—check it out!

    This is a dark alert—check it out!

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

    Việc sử dụng màu sắc để thêm ý nghĩa chỉ cung cấp dấu hiệu trực quan, dấu hiệu này sẽ không được chuyển tải đến người dùng công nghệ hỗ trợ – chẳng hạn như trình đọc màn hình. Đảm bảo rằng thông tin được biểu thị bằng màu sắc rõ ràng từ chính nội dung (e. g. văn bản hiển thị), 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

    This is a primary alert with an example link. Give it a click if you like.

    This is a secondary alert with an example link. Give it a click if you like.

    This is a success alert with an example link. Give it a click if you like.

    This is a danger alert with an example link. Give it a click if you like.

    This is a warning alert with an example link. Give it a click if you like.

    This is a info alert with an example link. Give it a click if you like.

    This is a light alert with an example link. Give it a click if you like.

    This is a dark alert with an example link. Give it a click if you like.

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

    Đây là một cảnh báo phụ với. Hãy cho nó một cú nhấp chuột nếu bạn thích

    This is a primary alert with an example link. Give it a click if you like.

    This is a secondary alert with an example link. Give it a click if you like.

    This is a success alert with an example link. Give it a click if you like.

    This is a danger alert with an example link. Give it a click if you like.

    This is a warning alert with an example link. Give it a click if you like.

    This is a info alert with an example link. Give it a click if you like.

    This is a light alert with an example link. Give it a click if you like.

    This is a dark alert with 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 phần tử HTML bổ sung như tiêu đề, đoạn văn và dấu phân cách

    Tốt lắm

    Aww yeah, bạn đã đọc thành công thông báo cảnh báo quan trọng này. Văn bản ví dụ này sẽ chạy lâu hơn một chút để bạn có thể thấy khoảng cách trong cảnh báo hoạt động như thế nào với loại nội dung này