CSS: Cambiar Ancho Modal de Bootstrap 3

Vamos a ver una de las formas con las que nosotros podemos hacer más ancho nuestro Modal de bootstrap sin que desfigure nuestro contenido por medio de CSS ya verán que es bastante sencillo.

En nuestro HTML tenemos nuestro modal asi:

En nuestro fragmento de CSS tenemos lo siguiente(Lo correcto es hacer nuestro archivo.css aparte e importarlo):

Diciéndole que forze con !important el ancho a 80% de nuestra pantalla

Ver Ejemplo :

www.desarrollohidrocalido.com - Diego Lira

Conclusión: 

Existen diversas formas de hacer mas ancho nuestro Modal , tan solo en la documentación nos dice que tenemos las clases “bs-example-modal-lg” para hacerlo grande  y  “bs-example-modal-sm” para hacer un modal pequeño, pero siempre suele suceder que nosotros lo queremos personalizar al tamaño que deseamos.

One thought on “CSS: Cambiar Ancho Modal de Bootstrap 3”

Leave a Reply

Your email address will not be published. Required fields are marked *

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.