Customizar los estilos del dropdown de

Este plugin de JQuery te permite de manera fácil y limpia customizar el dropdow de la etiqueta <select>.

Sí es una algo que puedes fácilmente realizar al utilizar el .dropdown de Bootstrap. 

El problema de esta opción es que, según experiencia de los desarrolladores con los cuales trabajo, complica la implementación de los datos. Entonces tuve que cambiar los <div class=“dropdown”></div> a <select>.

No quede satisfecha de la visualización del dropdown del <select>, y después de intentar forzar los etilos a otros, cosa que resultó imposible por el avance de customización que buscaba alcanzar, encontré este plugin http://silviomoreto.github.io/bootstrap-select/.


Para los principiantes:

Del archivo que descargas, los que realmente funcionan considerando que ya tienes instalado Bootstrap y jQuery, son los que se encuentran en la carpeta dist.

También es necesario que añades las líneas siguientes al html (el css en el <head> y el script justo antes de </body>)

 <link rel=“stylesheet” href=“dist/css/bootstrap-select.css”>

 <script src=“dist/js/bootstrap-select.js”></script>

EN caso que tengas duda es muy recomendable revisar como está hecho el archivo “test.html

Spread the love

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *