Increase modal size for Twitter Bootstrap

Question

I am trying to change the size of the modal form or rather - have it respond to the content I render there. I am using it to render a form and would prefer to deal with scro

Answer 1

Using the new CSS3 'vh' (or 'vw' for width) measurement (which sets the height as a fraction of the view port) use:

.modal-body {
    max-height: 80vh; //Sets the height to 80/100ths of the viewport.
}

This way, if you're using a responsive framework, like Bootstrap, then you can keep that design in your modals too.