title: Bootstrap 3 : fix div row
body: <p>I have two divs :</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;/div&gt;
  
  
  &lt;div class="row"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to fix the first one while scrolling. I did this : </p>
  
  <pre><code>&lt;div style="position:fixed" class="row"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now the divs are overlapping : <a href="https://jsfiddle.net/DTcHh/22068/" rel="nofollow">https://jsfiddle.net/DTcHh/22068/</a></p>
  
  <p>How can I solve this ?</p>