title: Navibar and full page slider
body: <p>I just wanted to place my bootstrap nav bar inside the full width slider just like this. </p>
  
  <p><a href="https://i.stack.imgur.com/LE9wP.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LE9wP.jpg" alt="enter image description here"></a></p>
  
  <pre><code>This is the full width slider 
  </code></pre>
  
  <p><a href="http://codepen.io/grovesdm/pen/MazqzQ" rel="nofollow noreferrer">http://codepen.io/grovesdm/pen/MazqzQ</a></p>
  
  <p>I've placed the nav bar on top and put slider code after that. Now it's looks like this. </p>
  
  <p><a href="https://i.stack.imgur.com/jxqCZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jxqCZ.png" alt="enter image description here"></a></p>
  
  <p>If I remove the nav bar background color and make that div transparent, nothing happened. If I need to place the slider inside the slider?</p>