title: bootstrap carousel hide controls on first and last
body: <p>How can I hide the left control if the carousel is on the first item, and how can I hide the right control when the carousel is on the last item.</p>
  
  <p>My code below hides the control successfully but on page load it is as if the carousel first item is in the middle and the user can either go all the way through via the left or right controls. </p>
  
  <p><a href="http://bootply.com/99354" rel="nofollow">http://bootply.com/99354</a></p>
  
  <p>thanks</p>