title: Remove all padding from bootstrap modal
body: <p>Hi how do i remove all padding and margins, footer and header spaces from bootstrap modal. All i want to see is the body fix exactly to my content.
  Thanks in advance. Am using bootstrap 3? I am not using header and footer elements. only the modal,modal-dialog,modal-content and modal. So far i have the following but there is still space surrounding my content.</p>
  
  <pre><code>.modal-body {
      position: relative;
      overflow-y: auto;
      margin: 0 ;
      padding: 0;
  }
  .modal-content{
      padding: 0;
      margin: 0;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>            &lt;div class="modal  fade" id="tpModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                   aria-hidden="false"&gt;
                  &lt;div class="modal-dialog " role="document"&gt;
                      &lt;div class="modal-content"&gt;
  
                          &lt;div class="modal-body"&gt;
                              &lt;mycontent&gt;&lt;/mycontent&gt;
                          &lt;/div&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>