{% extends "partials/base.html" %} {% load static %} {% block title %}Collapse{% endblock title %} {% block extra_css %} {% endblock extra_css %} {% block pagetitle %} {% include "partials/page-title.html" with pagetitle="Base UI" title="Collapse" %} {% endblock pagetitle %} {% block content %}
Bootstrap's collapse provides the way to toggle the visibility of any content or element. Please read the official Bootstrap documentation for a full list of options.
The collapse plugin also supports horizontal collapsing. Add the
.collapse-horizontal
modifier class to transition the width
instead of
height
and set a width
on the immediate child element.
Multiple <button>
or <a>
can show and hide an element if
they each reference it with their href
or data-bs-target
attribute