Thả xuống-chuyển đổi Bootstrap

 class="dropdown">
   id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown trigger
     class="caret">
  
   class="dropdown-menu" aria-labelledby="dLabel">
    ...
  

Để giữ nguyên URL với các nút liên kết, hãy sử dụng thuộc tính data-target thay vì href="#"

 class="dropdown">
   id="dLabel" data-target="#" href="http://example.com" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
    Dropdown trigger
     class="caret">
  

   class="dropdown-menu" aria-labelledby="dLabel">
    ...
  

Qua JavaScript

Gọi danh sách thả xuống qua JavaScript

$('.dropdown-toggle').dropdown()

data-toggle="dropdown" vẫn cần thiết

Bất kể bạn gọi danh sách thả xuống của mình qua JavaScript hay thay vào đó sử dụng data-api, thì data-toggle="dropdown" luôn được yêu cầu phải có mặt trên phần tử kích hoạt của danh sách thả xuống

Tùy chọn

Không có

phương pháp

 class="dropdown">
   id="dLabel" data-target="#" href="http://example.com" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
    Dropdown trigger
     class="caret">
  

   class="dropdown-menu" aria-labelledby="dLabel">
    ...
  

2

Chuyển đổi menu thả xuống của một thanh điều hướng hoặc điều hướng theo thẻ nhất định

Sự kiện

Tất cả các sự kiện thả xuống được kích hoạt tại phần tử cha của

 class="dropdown">
   id="dLabel" data-target="#" href="http://example.com" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
    Dropdown trigger
     class="caret">
  

   class="dropdown-menu" aria-labelledby="dLabel">
    ...
  

Tất cả các sự kiện thả xuống đều có thuộc tính

 class="dropdown">
   id="dLabel" data-target="#" href="http://example.com" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
    Dropdown trigger
     class="caret">
  

   class="dropdown-menu" aria-labelledby="dLabel">
    ...
  

Loại sự kiệnMô tảshow. bs. dropdown Sự kiện này kích hoạt ngay lập tức khi phương thức thể hiện show được gọi. cho xem. bs. thả xuống Sự kiện này được kích hoạt khi danh sách thả xuống hiển thị với người dùng (sẽ đợi quá trình chuyển đổi CSS hoàn tất). trốn. bs. thả xuống Sự kiện này được kích hoạt ngay lập tức khi phương thức ẩn dụ được gọi. ẩn giấu. bs. thả xuốngSự kiện này được kích hoạt khi trình đơn thả xuống đã hoàn tất bị ẩn khỏi người dùng (sẽ đợi quá trình chuyển đổi CSS hoàn tất)

Cách tắt menu thả xuống

Làm cách nào để thay đổi vị trí thả xuống trong Bootstrap?

Làm cách nào để di chuyển menu thả xuống sang trái trong Bootstrap?

Làm cách nào để làm cho menu thả xuống phản hồi nhanh trong Bootstrap?