title: Sidebar should float on top on mobile - but not in desktop
body: <p>Before I start a new project I would like to know if it's possible to have a sidebar that is sliding on mobile and tablets.  But on desktop it would be always on screen and the sidebar would be a part of the main container, as seen below. </p>
  
  <pre><code>&lt;div class="container"&gt;
   &lt;div class="col-md-9"&gt; &lt;/div&gt; 
   &lt;div class="col-md-3" id="sidebar"&gt; &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>The thing is that I'm not sure how I would do this, would I use media queries or Jquery for example to get my desired effect</p>