How do you create a modal in Bootstrap?

4 phương ánCó giải thích

Các phương án trả lời

Chọn một phương án
Lời giảiChọn phương án để mở

Đáp án đúng: "By using the .modal class along with the data-bs-toggle="modal" attribute.". Modal trong Bootstrap 5 là một khối div mang lớp .modal, bên trong có .modal-dialog, .modal-content, .modal-header, .modal-body, và được mở bằng plugin JavaScript có sẵn: nút kích hoạt mang thuộc tính data-bs-toggle với giá trị modal cùng data-bs-target trỏ tới id của modal, Bootstrap tự gắn sự kiện, hiện lớp phủ nền và quản lý tiêu điểm. "By using the <modal> HTML element." sai vì HTML không có thẻ modal; thẻ gốc gần nhất là dialog nhưng Bootstrap không dựa vào nó. "By applying the .modal class to the container element." chưa đủ, chỉ có lớp mà không có thuộc tính kích hoạt hay lời gọi JavaScript thì modal vẫn ẩn mãi. "By using JavaScript to dynamically create and show modal elements." là cách tự dựng tay; Bootstrap cho mở modal bằng lời gọi bootstrap.Modal rồi show, nhưng cách tạo modal tiêu chuẩn vẫn là cấu trúc .modal kèm data-bs-toggle.

Cùng phần 3

Xuất hiện trong 1 bộ đề