Menu thả xuống chọn Bootstrap

Một plugin jQuery dành cho Bootstrap 4 chuyển đổi các phần tử and thành danh sách thả xuống. Sử dụng plugin và cầu chì thả xuống của Bootstrap. js cho tìm kiếm mờ

Sử dụng Bootstrap Select Dropdown để cải thiện trải nghiệm người dùng cho các danh sách tùy chọn dài. So với nhiều lựa chọn thông thường, plugin này thêm

• một hộp tìm kiếm;
• điều hướng bàn phím để tìm kiếm;
• chọn/bỏ chọn tất cả các điều khiển

  Select one or more countries
    
    
  

  Select one or more countries
    
    
  

Một ví dụ về cấu hình tối thiểu. Tùy chọn profile: minimal được cung cấp dưới dạng phím tắt đặt một loạt tùy chọn để tắt tìm kiếm, tắt huy hiệu và xóa mọi điều khiển bổ sung

Select a food




  

Một ví dụ về cấu hình tối thiểu trên element. Individual configuration options are set in this example rather than using the profile: minimal shortcut. Select a food

Một ví dụ để chứng minh các tùy chọn có sẵn. Để biết danh sách đầy đủ các tùy chọn, hãy tham khảo tài liệu tùy chọn

Bootstrap Select is a form control that shows a collapsible list of different values that can be selected. This can be used for displaying forms or menus to the user. This article shows the methods by which a element can be styled in Bootstrap, using both custom styles and bootstrap-select.

Using the default custom styles: Bootstrap has custom styles that can be applied to some form elements. Custom select menus require only one custom class, that is, .custom-select to trigger the custom styles. However, custom styles are restricted to the select’s initial appearance and cannot alter the option’s due to browser limitation. The example below represents how the default element can be styled using .custom-select in Bootstrap.

Ví dụ

HTML