Bootstrap 3 : fix div row
<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>