uniwebsidad

Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

Modificar el ancho de un modal

6 de noviembre de 2015

Hola buenas como puedo modificar el ancho de un modal sin tener que tocar CSS, o sea especificando el ancho en el mismo HTML

gracias

css html

Respuestas

#1

Si tu ventana modal normal es así:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        ...
    </div>
</div>

Con la clase modal-sm la haces más estrecha:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm" role="document">
        ...
    </div>
</div>

Y con la clase modal-lg la haces más ancha:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        ...
    </div>
</div>

@javiereguiluz

6 noviembre 2015, 11:24
#2

ok muchas gracias pero no hay una medida intermedia? es que con "lg" me ocupa toda la pantalla.

@javierecompring

6 noviembre 2015, 11:42
#3

Me temo que solo hay esos dos tamaños. Si no te sirven, tendrás que tocar los estilos CSS de la ventana modal.

@javiereguiluz

6 noviembre 2015, 11:43
#4

Ok Gracias

@javierecompring

6 noviembre 2015, 11:47