Increase modal size for Twitter Bootstrap
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 scrolling if required myself.
The form I render probably needs another 50px - just missing the buttons.
So I have tried overriding the .modal styles in my application.css.scss file (Using Rails 3.2) but the max-height and overflow declerations seems to be overwritten.
Any thoughts?
I was having the exact same problem, you can try:
.modal-body {
max-height: 800px;
}
If you notice the scroll-bars appear only on the body section of the modal dialog, this means that the max-height of only the body needs to be adjusted.
in Bootstrap 3:
.modal-dialog{
width:whatever
}