title: Shrink navbar while scrolling down using Bootstrap 3
body: <p>I am using Bootstrap 3 for developing a website. I need to create a navbar which should shrink as the user scrolls down.</p>
  
  <p>Something like - <a href="http://osticket.com" rel="nofollow noreferrer">http://osticket.com</a></p>
  
  <p>How can I create this? I am using Bootstrap's fixed-top example as a starting point - <a href="http://getbootstrap.com/examples/navbar-fixed-top/" rel="nofollow noreferrer">http://getbootstrap.com/examples/navbar-fixed-top/</a></p>
  
  <p>I need to put a logo onto the left instead of the text and it should reduce its size as the user scrolls down.</p>