title: How to make Bootstrap navbar in mobile view like a normal menu
body: <p><a href="http://www.bootply.com/y1iaZwCCct" rel="nofollow">http://www.bootply.com/y1iaZwCCct</a></p>
  
  <p>I'm using this menu in my website but couldn't change the default settings. I need a script in jQuery which makes two things to the menu in mobile-view.</p>
  
  <ol>
  <li>Close when i click on a link.</li>
  <li>Close when i click outside the menu.</li>
  </ol>
  
  <p>I`m new to jQuery so any help would be appreciated. Thank you.</p>