title: How to make sidebar form fixed only on large screens
body: <p>I have the following layout. In mobile the layout works fine it is what I want, I want the content to flow full screen followed by the sidebar form. However in desktop I need the sidebar form to stay fixed to the view port while scrolling.</p>
  
  <pre><code>  &lt;div class="row"&gt;
      &lt;div class="col-lg-10 col-lg-offset-1"&gt;
        &lt;h1&gt;Page Heading&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-7 col-lg-offset-1"&gt;
        &lt;!-- Page content here --&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-3"&gt;
        &lt;div class="form-holder"&gt;
          &lt;!-- form here --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>How do I make the form scroll to top along with content stay fixed on top only on desktop and flow freely on smaller screens.</p>