Skip to content Skip to sidebar Skip to footer

Bootstrap Responsive Navbar For Phones And Other Devices

This is the website I am working on. http://ankursinha.net/TestSite/index.php It's stacking up properly, it's responsive, everything is fine apart from the following. When I visi

Solution 1:

Fixed by adding (replace) this piece of code on bootstrap-dropdown.js (at the end of the script) :

$(function () {
  $('html').on('click.dropdown.data-api', clearMenus)
  $('body').on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
           .on('click.dropdown.data-api touchstart.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
           .on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)
 })

Basically stops the touch event on a dropdown from bubbling to the next element, which would be the HTML tag and has the clearMenus function.


Post a Comment for "Bootstrap Responsive Navbar For Phones And Other Devices"