Escribí una función de cambio de tamaño simple a continuación, pero no sé cómo comenzar, creo que la función js de bootstrap 5 tendrá esta opción, pero no puedo encontrarla.

Me gustaría tratar este menú desplegable como una operación dom normal en lugar de componentes desplegables en puntos de interrupción más pequeños. Es por eso que necesito deshabilitar las funciones desplegables.

 <div class="dropdown"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown button </button> <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div> function resizeFunction() { if ($(window).width() <= 992) { // disable dropdown function } else { // enable dropdown function } }