Bootstrap seleccionar el área de entrada más grande que el padre

Así que el área de mi bootstrap select es más grande de lo que me gustaría cuando está en pantallas pequeñas (móviles). Así que me preguntaba si había alguna forma de forzar que el área de selección no fuera más grande que la matriz.

Mi problema a través de la imagen a continuación, así como el problema recreado en el fragmento. La barra negra representa el borde de la pantalla.

introduzca la descripción de la imagen aquí

$.ajax({ url: "https://restcountries.eu/rest/v2/all", success: (data) => { let select = $("#select-country"); for (let country of data) { select.append(`  ${country.name}  `); } $(select).prop('disabled', false); $(select).selectpicker('refresh'); } }); 
      

prueba esto

 .dropdown-menu { max-width:100%; } 

espero que esto ayude..

    Intereting Posts