Data toggle là gì

Trong bài xích này, mình sẽ lý giải các bạn về thành phần collapse – ẩn hiện tại ngôn từ vào Bootstrap. Các bạn cũng có thể tham khảo thêm đa số kỹ năng nâng cấp trong trang tài liu ca Bootstrap, mình chỉ trả lời ngôn từ cơ phiên bản cùng dễ áp dụng tuyệt nhất.

You watching: Data toggle là gì

Bạn đang xem: Data-toggle là gì

Video – Collapse – Ẩn hiện nay câu chữ vào Bootstrap

Ý tưởng

Collapse chủ yếu để tạo thành cảm giác ẩn hiện nay ngôn từ. ví dụ như như:


*

Nếu ấn 1 đợt nữa vào button, ngôn từ sẽ ẩn đi. Các chúng ta cũng có thể thấy dạng này vào trang web ví dụ bên dưới:


*

Trang website chính sách hành động của AdSense cũng cần sử dụng collapse

Cấu trúc với phương thức buổi giao lưu của collapse

"Thăm ndại, kẹp nsát dẫu vậy vẫn không đủ chai ni (trả nợ)" buộc phải dành vài ba cái cho QUẢNG CÁOCác bạn cần hosting PHPhường - WordPress nkhô hanh, thấp và dễ dàng áp dụng rất có thể lựa chọn Azdigi nhé.Link đăng ký: NHẬN NGAY ƯU ĐÃINếu các bạn ĐK hosting từ bỏ link truyền bá, bản thân sẽ có một không nhiều tiền để gia hạn với "cnhì ni". quý khách hàng nên chắc rằng đã thêm bootstrap.min.css với bootstrap.min.js vào file html nhé.

⭐️ Nội dung bị ẩn

+ Là một kăn năn có class=”collapse”, và có 1 id đặt theo ý của chúng ta. Nên đặt id liên quan mang lại văn bản bị ẩn đi, ví dụ: id-collapse-noidung. Trong code mẫu mã bản thân đặt là noi-dung-collapse.

+ Các bạn cũng có thể sử dụng card vẫn học tập ở bài xích 4 để format bỏ phần ngôn từ này.

See more: 10+ Tựa Game Trí Tuệ Hay Nhất Thế Giới, Top 4 Game Trí Tuệ Trên Android/Ios Hay Nhất 2021

Distinctio praesent eros, quibusdam nibh? Euisgian lận. Per magni, id dolore hymenaeos excepturi incidunt eius. Necessitatibus natus faucibus corporis, quam dolores ante minus risus perspiciatis, voluptatum turpis etiam vero excepturi luctus augue donec esse optio auctor pulvinar! Vulputate quas eiusmod

⭐️ Phần điều khiển

Các chúng ta có thể dùng 1 button hoặc thẻ a. Định dạng tùy theo ý bạn nhé. Điều quan trọng đặc biệt là đề xuất bao hàm ở trong tính sau:

+ data-toggle=”collapse”

Trong khi, Collapse còn có phần đông phần nâng cấp nlỗi accordion (tập thích hợp những collapse thành 1 menu. Các chúng ta cũng có thể tự bài viết liên quan nhé. Nhưng nhìn chung, nguyên lý sử dụng là có 2 phần vẫn trình bày nlỗi bên trên.

Code mẫu: Download

Nếu tất cả vướng mắc, hãy đặt câu hỏi bằng cách comment dưới, qua email, hoặc nhắn tin qua Fanpage Góc làm web.

Liên h

Bootstrap 1
1.938ShareFacebookTwitterGoogle+

Trước

Bài 4: Card và Carousel- Tạo slideshow vào Bootstrap

Sau

Bài 6: Dropdowns – Tạo menu thu gọn vào Bootstrap

Bạn cũng rất có thể thíchBootstrap

Bài 6: Dropdowns – Tạo thực đơn thu gọn gàng trong Bootstrap

Bootstrap

Bài 4: Card với Carousel- Tạo slideshow trong Bootstrap

Bootstrap

Bài 3: Alert với Button vào Bootstrap

Bootstrap

Bài 2: Hệ thống lưới trong Bootstrap cùng responsive sầu – Grid System Bootstrap

TrướcTiếp nối Để lại một vấn đáp Hủy trả lời

Địa chỉ tin nhắn của các bạn sẽ không được chào làng.

See more: Chương Trình Tiên Tiến Kinh Tế Quốc Dân, Viện Đào Tạo Tiên Tiến, Chất Lượng Cao & Pohe

Lưu báo cáo của tôi

Tìm kiếm bài xích viếtFanpage Góc có tác dụng web“CƠM ÁO GẠO TIỀN”

Link đăng ký: NHẬN NGAY ƯU ĐÃI

Nếu chúng ta cliông xã với đăng ký hosting từ bỏ links bên trên, bản thân sẽ sở hữu một không nhiều tiền nhằm duy trì trang web.

Hosting tối ưu cho WordPress

Bài viết new nhất

Kiến thức cơ bạn dạng về thương hiệu miền domain

#15 – WPhường. Search.php | Tùy vươn lên là khung search kiếm…

#14 – WPhường Comments.php | Tùy đổi thay khung bình…

Trướckế tiếp 1 của 54“RICE SHIRT RICE MONEY”

đa phần tín đồ quan liêu tâm

Hướng dẫn sở hữu MacOS trên lắp thêm ảo VMWare

Bài 10: Hiệu ứng slide – phần html và css

Bài 13: Hiệu ứng hover cùng với trực thuộc tính transition

TrướcKế tiếp 1 của 51

Bài 3: Vẽ trạm đợi xe buýt – Flat design

Ngôn ngữ xây dựng UI/UX Material Design

Hướng dẫn cài đặt MacOS trên sản phẩm công nghệ ảo VMWare

Bài 2: Các thẻ HTML cơ bạn dạng – phần 1

TrướcTiếp đến 1 của 40Bản quyền thuộc về Góc Làm WebDevelopmentWPhường Development

#15 – WP Search.php | Tùy thay đổi khung search kiếm – trang kết quả…

WP.. Development

#14 – WP. Comments.php | Tùy đổi thay khung bình luận và danh sách bình…

WPhường Development Trướctiếp nối WordPressWP Development

#12 – WordPress Post Formats – Hỗ trợ những định dạng bài xích viết