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
Ví dụ
Nút thả xuống
Liên kết 1
Liên kết 2
Liên kết 3
Tự mình thử »
Ví dụ giải thích
Lớp
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
Để mở menu thả xuống, hãy sử dụng nút hoặc liên kết có lớp
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
Thêm lớp
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
yếu tố để thực sự xây dựng menu thả xuống. Sau đó, thêm lớp
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
Dải phân cách thả xuống
Lớp
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
Tiêu đề thả xuống
Lớp
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
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
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
Để tắt một mục trong menu thả xuống, hãy sử dụng lớp
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
Ví dụ
Đang hoạt động
Đã tắt
Vị trí thả xuống
Bạn cũng có thể tạo menu "dropright" hoặc "dropleft" bằng cách thêm lớp
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
Menu thả xuống bên phải
Để căn phải menu thả xuống, hãy thêm lớp
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
dropup
Nế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
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
Văn bản thả xuống
Lớp
Toggle navigation
Project name
- Home
- About
- Contact
-
Dropdown
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
Ví dụ
Liên kết 1
Liên kết 2
Liên kết văn bản
Chỉ văn bản