title: how to create margin between bootstrap columns without destroying design?
body: <p>I have my simple markup</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-lg-6 loginField"&gt;
  data
  
      &lt;/div&gt;
      &lt;div class=" col-lg-6 loginField"&gt;
          &lt;div class=""&gt;
              test
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  .loginField{
  background-color:white;
  }
  </code></pre>
  
  <p>so my problem is that i am getting 1 white line on desktop screen, but i want to make a 10 px space between those 2 columns without destroying responsive design. Right now if i switch to smaller screen it works, but on desctop there are no space, and if i add margin, this margin presist on smaller screens which is ugly.<br>
  P.S. when i say it works on smaller screens, i mean that those 2 columns move under each other and width of the white lines are as they shopuld be. </p>