title: Twitter Bootstrap Dropdown menu creates extra carets in collapsed navbar
body: <p>I'm using <a href="http://getbootstrap.com" rel="nofollow">Twitter Bootstrap</a></p>
  
  <p>and having problem with <code>dropdown menu</code> in <code>collapsed navbar</code>.</p>
  
  <p>By clicking the top-right button to open the menu, the menu can be opened in collapsed version.</p>
  
  <p>An extra caret is only created when screen is collapsed enough to show collapsed version of navbar.</p>
  
  <p>How to fix this problem to not see the extra caret above the dropdown menu?</p>
  
  <p>I do not want to see strange upper caret above <code>Category</code> menu.</p>
  
  <p><a href="http://jsfiddle.net/inspired_jw/aBt89/1/" rel="nofollow">Demo</a></p>