twitter/bootstrap — Issue #2218: Modal forms
Author: mak0t0san
Created: 2012-02-23 22:12:29+00:00
State: open

There's a class called "modal-form" which essentially just removes the bottom margin from the form element. The definition of the class is:

.modal-body .modal-form {
margin-bottom: 0;
}

which basically means the form tag must be inside the modal-body.

However, I find that impractical since I like to put my submit / cancel buttons within the modal-footer, so therefore, I wrap all my modal parts inside the form like this:

input elements here

Cancel
Save

I would suggest changing the class to remove the modal-body parent class so that it's like this:

.modal-form {
margin-bottom: 0;
}