title: Vertical space when stacking columns in Bootstrap 3
body: <p>When columns are stacked in mobile mode, I would like some vertical space separating the column contents, how can I do this?</p>
  
  <p>See jsfiddle in <a href="http://jsfiddle.net/tofutim/3sWEN/" rel="noreferrer">http://jsfiddle.net/tofutim/3sWEN/</a> and vary the width of the output. There should be some spacing before the second lorem ipsum.</p>
  
  <p><img src="https://i.stack.imgur.com/031x9.png" alt="enter image description here"></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="well well-lg" style="margin:10px"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-sm-6"&gt;
              &lt;p&gt;"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."&lt;/p&gt;
              &lt;form&gt;               
                  &lt;input type="textbox" class="form-control" placeholder="Username"&gt;&lt;/input&gt;
                  &lt;input type="password" class="form-control" placeholder="Password"&gt;&lt;/input&gt;                     
              &lt;/form&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-6"&gt;
              &lt;p&gt;"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."&lt;/p&gt;
              &lt;form role="form"&gt;
                  &lt;div class="form-group"&gt;  
                      &lt;button class="form-control btn btn-default"&gt;Push me&lt;/button&gt;
                  &lt;input type="textbox" class="form-control" placeholder="Username"&gt;&lt;/input&gt;
                  &lt;input type="password" class="form-control" placeholder="Password"&gt;&lt;/input&gt;            
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>