I'm trying to keep the footer of bootstrap modal to bottom but I can't, this is my html structure:

  Launch demo modal




  

    

      

        ×
        
Modal title
      
      

        ...
      
      

        Close
        Save changes
      
    
  

Essentially I want display the modal at fullscreen mode, this working good, but the footer doesn't go to bottom.

Css:

.modal-dialog {
 width: 100%;
  height: 100%;
  padding: 0;
}

.modal-content {
  height: 100%;
  border-radius: 0;
}

I create a jsfiddle that explain the situation:

http://jsfiddle.net/8XdVt/?utm_source=website&utm_medium=embed&utm_campaign=8XdVt

and

http://jsfiddle.net/8XdVt/show/