title: how to do a line break in Bootstrap 3.3.7
body: <p>How can I do a line break in bootstrap?, I could just use <code>&lt;br&gt;</code> but I would like to know if I can do this with boostrap and avoid insert <code>&lt;br&gt;</code> in my code.</p>
  
  <p>I would like a empty space beetween the button and <strong>col-md-12</strong></p>
  
  <p>jsfiddle: <a href="https://jsfiddle.net/y9mznrna/" rel="nofollow noreferrer">https://jsfiddle.net/y9mznrna/</a></p>
  
  <p>css:</p>
  
  <pre><code>.col-md-8 {
    border: 1px solid red;
  }
  
  .col-md-4 {
    border: 1px solid blue;
  }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="col-md-12"&gt;
    &lt;h2&gt;test&lt;/h2&gt;
    &lt;div class="headline-date"&gt;Tuesday
      &lt;button type="button" class="btn btn-primary pull-right"&gt;
        &lt;i class="fa fa-user-plus " aria-hidden="true"&gt;&lt;/i&gt;Call
      &lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="row"&gt;
    &lt;div class="col-md-12"&gt;
      &lt;!-- members table --&gt;
      &lt;div class="col-md-8"&gt;
        1
      &lt;/div&gt;
  
      &lt;div class="col-md-4"&gt;
        2
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>