Collapse trong Bootstrap là một thành phần giúp ẩn hoặc hiển thị nội dung theo yêu cầu của người dùng. Nó cho phép bạn tạo ra các phần tử có thể được mở rộng hoặc thu gọn bằng cách nhấp vào một tiêu đề hoặc một biểu tượng.

Collapse thường được sử dụng để tạo ra các danh sách mở rộng, hộp thoại thả xuống, hoặc các phần tử mở rộng khác trên trang web. Khi collapsed, nội dung của phần tử sẽ được ẩn đi, chỉ hiển thị tiêu đề hoặc biểu tượng. Khi người dùng nhấp vào tiêu đề hoặc biểu tượng, phần tử sẽ mở rộng và hiển thị nội dung.

Collapse trong Bootstrap sử dụng JavaScript để điều khiển trạng thái hiển thị của phần tử. Bạn có thể sử dụng các thuộc tính data-toggle và data-target để xác định phần tử mà bạn muốn ẩn/hiển thị, và sử dụng các lớp CSS để tùy chỉnh giao diện của collapse.

Collapse cung cấp các tùy chọn tùy chỉnh như thời gian chuyển đổi, hiệu ứng mở rộng/thu gọn và sự kiện kích hoạt. Bạn có thể tạo ra các hiệu ứng mượt mà và điều chỉnh trải nghiệm người dùng khi tương tác với các phần tử collapse trên trang web của mình.

Với Collapse trong Bootstrap, bạn có thể tạo ra các phần tử mở rộng linh hoạt và tiết kiệm không gian trên trang web, giúp người dùng tương tác và điều hướng nội dung một cách thuận tiện.