title: bootstrap modal body and modal footer cover same area
body: <p><a href="https://i.stack.imgur.com/y4GyN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y4GyN.png" alt="enter image description here"></a>I am trying to understand why does my modal footer starts at the same place where modal body starts. </p>
  
  <p>How can i make it start after modal body ends.  </p>
  
  <p>basically i am trying to understand why are the bottons in the footer, save and cancel not lined same as modal body</p>
  
  <pre><code>  &lt;div class="modal fade " id="CustomizeModal" tabindex="-1" role="dialog"&gt;
            &lt;div class="modal-dialog modal-md" role="document"&gt;
                &lt;div class="modal-content"&gt;
                    &lt;div class="modal-header"&gt;
                        &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
                        &lt;label class="modal-title" id="myModalLabel2"&gt;CUSTOMIZE ATTRIBUTES TO DISPLAY&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class="modal-body col-xs-12"&gt;
                        &lt;div class="row"&gt;
                            &lt;form role="form" &gt;
  
                                &lt;div style="margin-left: 10px; margin-right: 10px"&gt;
                                    &lt;table class="table table-striped"&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt; &lt;input type="checkbox"&gt; &lt;/td&gt;
                                        &lt;td&gt; Search Attributes &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt; &lt;input type="checkbox"&gt; &lt;/td&gt;
                                        &lt;td&gt; Event IDs &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt; &lt;input type="checkbox"&gt; &lt;/td&gt;
                                        &lt;td&gt; Event Occurrence Location &amp; File Source &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt; &lt;input type="checkbox"&gt; &lt;/td&gt;
                                        &lt;td&gt; Event Catagory &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt; &lt;input type="checkbox"&gt; &lt;/td&gt;
                                        &lt;td&gt; Event Type and Aggregation &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt; &lt;input type="checkbox"&gt; &lt;/td&gt;
                                        &lt;td&gt; DSMT Information &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt; &lt;input type="checkbox"&gt; &lt;/td&gt;
                                        &lt;td&gt; Create By, Updated By and Event Description &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt; &lt;input type="checkbox"&gt; &lt;/td&gt;
                                        &lt;td&gt; Data Quality Issues and Severity &lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt; &lt;input type="checkbox"&gt; &lt;/td&gt;
                                        &lt;td&gt; Event Channel &lt;/td&gt;
                                    &lt;/tr&gt;
                                &lt;/table&gt;
                                &lt;/div&gt;
                            &lt;/form&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="modal-footer"&gt;
                        &lt;div class="col-xs-12" &gt;
                            &lt;div class="row"&gt;
                                &lt;div class="col-sm-4 pull-right"&gt;
                                    &lt;button class="btn btn-default btn-sm btn-block ebtn" data-dismiss="modal"&gt;Cancel&lt;/button&gt;
                                &lt;/div&gt;
                                &lt;div class="col-sm-4 pull-right"&gt;
                                    &lt;button class="btn btn-block btn-sm btn-default ebtn" ng-click="submit()"&gt;Save&lt;/button&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
  
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/y4GyN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y4GyN.png" alt="enter link description here"></a></p>