Đăng xuất trình đơn thả xuống bootstrap
|
Menu thả xuống là menu có thể chuyển đổi cho phép người dùng chọn một giá trị từ danh sách được xác định trước Show
Ví dụ
Tự mình thử » Ví dụ giải thíchLớp Để mở menu thả xuống, hãy sử dụng nút hoặc liên kết có lớp Thêm lớp yếu tố để thực sự xây dựng menu thả xuống. Sau đó, thêm lớp Dải phân cách thả xuốngLớp Tiêu đề thả xuốngLớp Vô hiệu hóa và kích hoạt các mụcĐánh dấu một mục thả xuống cụ thể với lớp Để tắt một mục trong menu thả xuống, hãy sử dụng lớp Ví dụĐang hoạt động Vị trí thả xuốngBạn cũng có thể tạo menu "dropright" hoặc "dropleft" bằng cách thêm lớp Menu thả xuống bên phảiĐể căn phải menu thả xuống, hãy thêm lớp dropupNếu bạn muốn menu thả xuống mở rộng lên trên thay vì xuống dưới, hãy thay đổi phần tử có class="dropdown" thành Văn bản thả xuốngLớp Ví dụ
Các nút được nhóm với danh sách thả xuốngVí dụ
Tách nút thả xuốngVí dụ
Tự mình thử » Nhóm nút dọc với danh sách thả xuốngVí dụ
Tự mình thử » Hoàn thành Tài liệu tham khảo thả xuống Bootstrap 4Để có tham khảo đầy đủ về tất cả các tùy chọn, phương thức và sự kiện thả xuống, hãy truy cập Tài liệu tham khảo thả xuống Bootstrap 4 JS của chúng tôi Menu thả xuống Thuật ngữ đã trở nên quá quen thuộc với mỗi người của chúng ta, và với bootstrap, nó cũng được hỗ trợ một cách tốt nhất để người dùng dễ dàng tạo ra các menu xổ số một cách nhanh chóng và dễ dàng. hôm nay, chúng ta tiếp tục tìm hiểu về cách tạo menu thả xuống với Bootstrap như thế nào Trước tiên, cần phải bao gồm mọi thứ bên trong bằng 1 thẻ Bây giờ, chúng ta hãy đi phân tích từng thành phần được bao bởi thẻ Đầu tiên là thẻ Trong thẻ
Phần thứ 2 là phần được bao bọc bên trong thẻ  Tắt menu phần tửĐể vô hiệu hóa bất kỳ phần tử nào trong menu, chỉ đơn giản là thêm lớp Như vậy, chúng ta đã biết cách tạo 1 menu thả xuống. Do đó để ghép vào trong điều hướng của bootstrap thì sẽ làm thế nào? Đoạn mã từ trên, khi hiển thị trên web sẽ như sau Xin lưu ý, trong ví dụ này, tôi thêm lớp |
