Bootstrap 3 Hide Dropdown Menu on Menu Item Click

Question

Check out the fiddle. I have a basic Bootstrap 3 responsive nav like so:

    

        &         


        
      

Answer 1

I don't know why clicking/tapping on a menu item in a menu dropdown in a collapsed navbar doesn't automatically toggle the menu in Bootstrap. There may be a more graceful way to do this, but, here's how I fixed it (using Bootstrap 3.0.3):

  Link


  Link

Basically, there are two versions of the link, one that appears whenever the menu toggle is shown (at browser widths <768px) that will toggle the navbar menu, and one that doesn't collapse it (browser widths >768px). If you don't add that second type, it will show a strange phantom animated horizontal scroll bar when trying to toggle the menu when it is not there.