title: Margin or padding not working with bootstrap table
body: <p>I have a bootstrap table i gave margin to tr but tr not getting the margin, i don't know why this happening anybody please help me to find this. i have applied this class</p>
  
  <pre><code>.table-body tr {
    margin-bottom: 25px;
  }
  </code></pre>
  
  <p>try the snippet</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.summery-selected-items {
   width: 100%;
   background: #f9fafb;
   border: #dadada solid 1px;
   float: left;
   padding: 30px;
  }
  .summery-selected-items h4 {
   font-family: 'Raleway-Medium';
   font-size: 24px;
   color: #000;
   margin-bottom: 15px;
  }
  .summery-selected-items table {
   margin-bottom: 35px;
   width: 100%;
  }
  .summery-selected-items table th {
   font-family: 'Raleway-Regular';
   font-size: 18px;
   color: #000000;
   padding: 10px 0px;
  }
  .summery-selected-items .padding {
   padding: 10px 20px;
  }
  .summery-selected-items table td {
   font-family: 'Raleway-Regular';
   font-size: 15px;
   color: #777777;
   padding: 10px 15px;
   vertical-align: middle;
  }
  .selected-first {
   display: table;
  }
  .selected-first img {
   float: left;
  }
  .selected-first .select-name {
   display: table-cell;
   padding-left: 20px;
   vertical-align: middle;
   width: auto;
  }
  .table-body tr {
   margin-bottom: 25px;
  }
  .selected-first img {
   width:100px;
   height:100px;
   background:#000;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  &lt;section class="content-section"&gt;
    &lt;div class="container"&gt;
      &lt;div class="summery-selected-items"&gt;&lt;!--Selected Items--&gt;
        &lt;h4&gt;Selected Items&lt;/h4&gt;
        &lt;table&gt;
          &lt;thead&gt;
            &lt;tr class="hidden-xs tablehead"&gt;
              &lt;th&gt;Services&lt;/th&gt;
              &lt;th class="text-center padding"&gt;Date &lt;/th&gt;
              &lt;th class="text-center padding"&gt;Unit Price&lt;/th&gt;
              &lt;th class="text-right padding"&gt;Total&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody class="table-body"&gt;
            &lt;tr class="tablecontent"&gt;
              &lt;td class="selected-first"&gt;&lt;span class="td-name visible-xs"&gt;Services&lt;/span&gt; &lt;img src="images/select-img1.jpg" alt=""/&gt;
                &lt;div class="select-name"&gt;Magic Show&lt;/div&gt;&lt;/td&gt;
              &lt;td class="text-center"&gt;&lt;span class="td-name visible-xs"&gt;Date&lt;/span&gt; January 10, 2016 &lt;/td&gt;
              &lt;td class="text-center"&gt;&lt;span class="td-name visible-xs"&gt;Unit Price&lt;/span&gt; KD 100.000 &lt;/td&gt;
              &lt;td class="text-right"&gt;&lt;span class="td-name visible-xs"&gt;Total&lt;/span&gt; KD 100.000 &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr class="tablecontent"&gt;
              &lt;td class="selected-first"&gt;&lt;span class="td-name visible-xs"&gt;Services&lt;/span&gt; &lt;img src="images/select-img1.jpg" alt=""/&gt;
                &lt;div class="select-name"&gt;Magic Show&lt;/div&gt;&lt;/td&gt;
              &lt;td class="text-center"&gt;&lt;span class="td-name visible-xs"&gt;Date&lt;/span&gt; January 10, 2016 &lt;/td&gt;
              &lt;td class="text-center"&gt;&lt;span class="td-name visible-xs"&gt;Unit Price&lt;/span&gt; KD 100.000 &lt;/td&gt;
              &lt;td class="text-right"&gt;&lt;span class="td-name visible-xs"&gt;Total&lt;/span&gt; KD 100.000 &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;
      &lt;!--Selected Items--&gt; 
    &lt;/div&gt;
    &lt;!--container--&gt; 
  &lt;/section&gt;
  &lt;!--content-section--&gt; 
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;&lt;!--jquery.min--&gt;</code></pre>
  </div>
  </div>
  </p>