Nút danh sách bootstrap

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ẻ

2 được gán lớp

3, lớp này sẽ định nghĩa cho toàn bộ nội dung bên trong phần kiểu dáng của nó do bootstrap hỗ trợ. Vui lòng xem đoạn mã dưới đây

  Dropdown
  

    
Action
    
Another action
    
Something else here
    

    
Separated link
  

Bây giờ, chúng ta hãy đi phân tích từng thành phần được bao bởi thẻ

2 được phân lớp

3

Đầu tiên là thẻ

6. Ở đây, các bạn thấy tôi sử dụng thẻ

6 để định nghĩa văn bản thả xuống. Trường hợp này là khi văn bản này được gàn 1 liên kết nào đó. Tuy nhiên, các bạn có thể thay thế thẻ ________ 16 bằng

1 đều được (trường hợp khi không sử dụng liên kết)

Trong thẻ

6 có 2 thành phần cần lưu ý

• 3 là thuộc tính riêng của bootstrap. Thuộc tính này hỗ trợ chúng tôi về hiệu ứng khi nhấp vào menu thả xuống
• Lớp
  4 nằm trong thẻ
  5. Lớp này sẽ tạo ra 1 biểu tượng mũi tên quay xuống khi hiển thị lên trang web

Phần thứ 2 là phần được bao bọc bên trong thẻ

6 và được định nghĩa bằng lớp

7. Phần này được ẩn đi ở trạng thái bình thường và nó được hiển thị khi nhấp hoặc di chuột vào thẻ

6 bên trên

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

9 cho 1 thẻ

  Dropdown
  

    
Action
    
Another action
    
Something else here
    

    
Separated link
  

0. Lúc này bạn sẽ không thể thao tác được với menu phần tử đó nữa

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

7 cho thẻ

  Dropdown
  

    
Action
    
Another action
    
Something else here
    

    
Separated link
  

0 thay vì thẻ

2 như phần đầu tiên. Bởi vì menu thả xuống này được gán cho 1 menu phần tử trong 1 menu hệ thống. Như vậy, để thêm 1 menu thả xuống vào 1 menu hệ thống là rất đơn giản phải không?