Làm thế nào để thu gọn hoạt động trong bootstrap?
|
Plugin thu gọn Bootstrap cho phép bạn chuyển đổi nội dung trên các trang của mình bằng một vài lớp nhờ một số JavaScript hữu ích Show
nội dungThí dụNhấp vào các nút bên dưới để hiển thị và ẩn phần tử khác thông qua thay đổi lớp
Bạn có thể sử dụng liên kết có thuộc tính Liên kết với nút href với mục tiêu dữ liệu Anim pariatur cliche reprehenderit, enim eiusmod cuộc sống cao accusamus terry richardson quảng cáo mực. Nihil anim keffiyeh helvetica, bia thủ cônglabore wes anderson cred nesciunt sapiente ea proident ví dụ đàn accordionMở rộng hành vi thu gọn mặc định để tạo đàn accordion Anim pariatur cliche reprehenderit, enim eiusmod cuộc sống cao accusamus terry richardson quảng cáo mực. 3 sói mặt trăng chính thức cấp tính, không cupidatat trượt ván dolor brunch. Xe tải thực phẩm quinoa nesciuntlaborum eiusmod. Bữa nửa buổi 3 sói mặt trăng tạm thời, sunt aliqua đặt một con chim trên đó mực cà phê một nguồn gốc nulla giả định shoreditch et. Nihil anim keffiyeh helvetica, bia thủ cônglabore wes anderson cred nesciunt sapiente ea proident. Quảng cáo người ăn chay ngoại trừ người bán thịt phó lomo. Xà cạp occaecat bia thủ công từ trang trại đến bàn ăn, tổng hợp thẩm mỹ denim thô chưa từng được biết đến mà bạn có thể chưa từng nghe nói về chúng accusamuslabore bền vững VHS Anim pariatur cliche reprehenderit, enim eiusmod cuộc sống cao accusamus terry richardson quảng cáo mực. 3 sói mặt trăng chính thức cấp tính, không cupidatat trượt ván dolor brunch. Xe tải thực phẩm quinoa nesciuntlaborum eiusmod. Bữa nửa buổi 3 sói mặt trăng tạm thời, sunt aliqua đặt một con chim trên đó mực cà phê một nguồn gốc nulla giả định shoreditch et. Nihil anim keffiyeh helvetica, bia thủ cônglabore wes anderson cred nesciunt sapiente ea proident. Quảng cáo người ăn chay ngoại trừ người bán thịt phó lomo. Xà cạp occaecat bia thủ công từ trang trại đến bàn ăn, tổng hợp thẩm mỹ denim thô chưa từng được biết đến mà bạn có thể chưa từng nghe nói về chúng accusamuslabore bền vững VHS Anim pariatur cliche reprehenderit, enim eiusmod cuộc sống cao accusamus terry richardson quảng cáo mực. 3 sói mặt trăng chính thức cấp tính, không cupidatat trượt ván dolor brunch. Xe tải thực phẩm quinoa nesciuntlaborum eiusmod. Bữa nửa buổi 3 sói mặt trăng tạm thời, sunt aliqua đặt một con chim trên đó mực cà phê một nguồn gốc nulla giả định shoreditch et. Nihil anim keffiyeh helvetica, bia thủ cônglabore wes anderson cred nesciunt sapiente ea proident. Quảng cáo người ăn chay ngoại trừ người bán thịt phó lomo. Xà cạp occaecat bia thủ công từ trang trại đến bàn ăn, tổng hợp thẩm mỹ denim thô chưa từng được biết đến mà bạn có thể chưa từng nghe nói về chúng accusamuslabore bền vững VHS Nhiều mở đượcChỉ cần thêm lớp Anim pariatur cliche reprehenderit, enim eiusmod cuộc sống cao accusamus terry richardson quảng cáo mực. 3 sói mặt trăng chính thức cấp tính, không cupidatat trượt ván dolor brunch. Xe tải thực phẩm quinoa nesciuntlaborum eiusmod. Bữa nửa buổi 3 sói mặt trăng tạm thời, sunt aliqua đặt một con chim trên đó mực cà phê một nguồn gốc nulla giả định shoreditch et. Nihil anim keffiyeh helvetica, bia thủ cônglabore wes anderson cred nesciunt sapiente ea proident. Quảng cáo người ăn chay ngoại trừ người bán thịt phó lomo. Xà cạp occaecat bia thủ công từ trang trại đến bàn ăn, tổng hợp thẩm mỹ denim thô chưa từng được biết đến mà bạn có thể chưa từng nghe nói về chúng accusamuslabore bền vững VHS Anim pariatur cliche reprehenderit, enim eiusmod cuộc sống cao accusamus terry richardson quảng cáo mực. 3 sói mặt trăng chính thức cấp tính, không cupidatat trượt ván dolor brunch. Xe tải thực phẩm quinoa nesciuntlaborum eiusmod. Bữa nửa buổi 3 sói mặt trăng tạm thời, sunt aliqua đặt một con chim trên đó mực cà phê một nguồn gốc nulla giả định shoreditch et. Nihil anim keffiyeh helvetica, bia thủ cônglabore wes anderson cred nesciunt sapiente ea proident. Quảng cáo người ăn chay ngoại trừ người bán thịt phó lomo. Xà cạp occaecat bia thủ công từ trang trại đến bàn ăn, tổng hợp thẩm mỹ denim thô chưa từng được biết đến mà bạn có thể chưa từng nghe nói về chúng accusamuslabore bền vững VHS Anim pariatur cliche reprehenderit, enim eiusmod cuộc sống cao accusamus terry richardson quảng cáo mực. 3 sói mặt trăng chính thức cấp tính, không cupidatat trượt ván dolor brunch. Xe tải thực phẩm quinoa nesciuntlaborum eiusmod. Bữa nửa buổi 3 sói mặt trăng tạm thời, sunt aliqua đặt một con chim trên đó mực cà phê một nguồn gốc nulla giả định shoreditch et. Nihil anim keffiyeh helvetica, bia thủ cônglabore wes anderson cred nesciunt sapiente ea proident. Quảng cáo người ăn chay ngoại trừ người bán thịt phó lomo. Xà cạp occaecat bia thủ công từ trang trại đến bàn ăn, tổng hợp thẩm mỹ denim thô chưa từng được biết đến mà bạn có thể chưa từng nghe nói về chúng accusamuslabore bền vững VHS khả năng tiếp cậnĐảm bảo thêm Ngoài ra, nếu phần tử điều khiển của bạn đang nhắm mục tiêu một phần tử có thể thu gọn duy nhất – tôi. e. thuộc tính Cách sử dụngPlugin thu gọn sử dụng một vài lớp để xử lý việc nâng vật nặng
Các lớp này có thể được tìm thấy trong Thông qua thuộc tính dữ liệuChỉ cần thêm Để thêm tính năng quản lý nhóm giống như đàn accordion vào điều khiển có thể thu gọn, hãy thêm thuộc tính dữ liệu Qua JavaScriptKích hoạt thủ công với Tùy chọnCác tùy chọn có thể được chuyển qua thuộc tính dữ liệu hoặc JavaScript. Đối với các thuộc tính dữ liệu, hãy thêm tên tùy chọn vào Làm cách nào để xác định xem sự sụp đổ bootstrap đang mở hay đóng?Nếu phần tử có thể thu gọn được đóng theo mặc định, thì thuộc tính trên phần tử điều khiển phải có giá trị là aria-expanded="false" . Nếu bạn đã đặt phần tử có thể thu gọn thành mở theo mặc định bằng cách sử dụng lớp hiển thị, thay vào đó, hãy đặt aria-expanded="true" trên điều khiển.
Đàn accordion hoạt động như thế nào trong Bootstrap?Đàn xếp Bootstrap là thành phần sắp xếp nội dung trong các mục có thể thu gọn . Accordion cho phép hiển thị chỉ một mục thu gọn tại một thời điểm. Accordions có thể chuyển đổi qua một số khối văn bản chỉ bằng một cú nhấp chuột và điều đó giúp cải thiện đáng kể UX cho dự án của bạn.
Sự khác biệt giữa đàn accordion và sụp đổ là gì?Trong bối cảnh bootstrap khôn ngoan, accordion về cơ bản là một nút thu gọn với nhiều thông tin nhỏ hơn bên trong . Bootstrap sử dụng thẻ để tạo đàn accordion. trên dòng 1,
Tại sao thu gọn không hoạt động trong Bootstrap 5?Bạn phải sử dụng , data-bs-toggle="collapse" và data-bs-target="#collapseExample" được khởi tạo từ data-toggle="collapse" và data-target cho Bootstrap 5. You can check the following updated snippet. thank you! |
