React menu ba chấm bootstrap
thả xuốngĐể biết hướng dẫn về Trình đơn thả xuống, hãy đọc Hướng dẫn thả xuống Bootstrap của chúng tôi Show
sậpĐể biết hướng dẫn về khả năng thu gọn, hãy đọc Hướng dẫn Thu gọn Bootstrap của chúng tôi Lớp Mô tảVí dụ. thu gọnCho biết nội dung có thể thu gọn - có thể ẩn hoặc hiển thị theo yêu cầuHãy dùng thử. sụp đổ. i Hiển thị nội dung có thể thu gọn theo mặc định Hãy thử. panel-collapseBảng điều khiển có thể thu gọn (chuyển đổi giữa (các) bảng ẩn và hiển thị)Hãy dùng thửNhóm danh sách có thể thu gọnHãy dùng thửAccordionHãy dùng thử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ụ
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 Để vô hiệu hóa một mục trong menu thả xuống, hãy sử dụng lớp Ví dụ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ự mình thử » 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 Tải xuốngTải xuống SVG để sử dụng hoặc chỉnh sửa Tải xuống SVGphông chữ biểu tượngSử dụng phông chữ web? điểm mã
Sao chép HTMLDán SVG ngay vào mã dự án của bạn Menu 3 chấm trong React là gì?(ba dấu chấm trong JavaScript) được gọi là Cú pháp trải hoặc Toán tử trải . Điều này cho phép một iterable chẳng hạn như một biểu thức mảng hoặc chuỗi được mở rộng hoặc một biểu thức đối tượng được mở rộng bất cứ nơi nào được đặt. Điều này không dành riêng cho React. Nó là một toán tử JavaScript.
Biểu tượng 3 chấm dọc gọi là gì?Dấu chấm lửng (ba dấu chấm) được căn chỉnh theo chiều dọc. Đôi khi nó được sử dụng để truyền đạt sự tiếp tục của một danh sách theo chiều dọc trái ngược với chiều ngang. |
