Question

For a test case, I created a test project with the exact same code from Hero Demo and then removed the responsive CSS code.

Why is it that dropdowns do not work unless responsive is also included? I do not wish to use responsive in my project.

Answer 1

There must be something else wrong in your usage. Here’s a very basic fiddle (markup copied directly from the linked demo) using just jquery.js, bootstrap-dropdown.js, bootstrap.css.

Make sure you’ve loaded the scripts before calling $('.dropdown-toggle').dropdown();, and that you’re using the proper selector according to the way you’ve structured your dropdown!