Bootstrap 4 Collapse The Bootstrap 4 Collapse is useful when you want to expand or collapse a large amount of information. This also used to showcase different products, categories, etc. It uses javascript to show or hide an element based on mouse click events. Let us go through an example to understand more, <div class="container"> <div class="row"> <div class="collapse" id="collapseTop"> <div class="card card-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div> </div> <p class="text-center"> <button class="btn btn-danger" type="button" data-toggle="collapse" data-target="#collapseTop" aria-expanded="false" aria-controls