Tamaño Width con Dropdown-Menu de bootstrap-select

Cuando tenemos options demasiados largos, nuestra web se distorciona cuando utilizamos el plugin de bootstrap-select.

Tenemos que el contenido es muy extenso:

Y obtener esto, todo cuadrado al menos en pantallas más cortas a todo el texto:

Lo que tenemos que hacer, al menos para que encaje exacto en el ancho del dispositivo, es poner el CSS siguiente:

.bootstrap-select .dropdown-menu{
   max-width: 100%!important;
}

El código utilizado para obtener el mismo resultado de las imágenes es en el CSS:

#divComboBusqueda .dropdown-toggle{
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: .25rem;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.bootstrap-select .dropdown-menu{
   max-width: 100%!important;
}

Y del lado del HTML es:

 

Síguenos en Facebook

Síguenos en Youtube

Categorías

Categorías

Contáctanos por Whastapp

Salir de la versión móvil