Bootstrap collapse component not closing menu on clicking away

Question

When I click away the menu doesn\'t hide, I found this code at: http://getbootstrap.com/components/#navbar but doesn\'t work as it should.

Answer 1

The above displayed a weird behavior for me where sometimes a scroll bar would appear on the nav. That could be from some fancy css but the below fixed it for me.

$(document).on('click',function(e){
  if($('#bs-example-navbar-collapse-1').hasClass('in')){
    $('.collapse').collapse('hide'); 
  }
})