Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bootstrap( v4.3.1) dropdowns/dropdown menu not working .

See original GitHub issue

My dropdown navbar stopped working on chrome and safari. I deleted it and pasted the snippet from getbootstrap and it still doesn’t work. There are no errors in the console. I’m using the official starter template

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<title>Hello, world!</title>

</head> <body>

Hello, world!

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

</body> </html>`

Issue Analytics

State:
Created 4 years ago
Comments:8 (3 by maintainers)

Top GitHub Comments

1reaction

JAspelingcommented, Oct 4, 2020

You are right, it was a faulty extension on my side that caused this behaviour.

For the sake of someone else struggling with this issue, I didn’t include the required popperjs package properly. After I included that, it started working.

1reaction

GhalyahFAcommented, May 3, 2019

Worked after restarting for a few times. Thank you, Johann!

Top Results From Across the Web

Bootstrap 4 Dropdown Menu not working? - Stack Overflow

There's a lot of things wrong with this approach. you're toggling the "show" class on ALL dropdowns anytime ANY drop down is clicked....

Dropdowns - Bootstrap

Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap dropdown ...

[Solved]-Bootstrap dropdown not working - Studytonight

[Solved]-Bootstrap dropdown not working. A drop-down is like a list box that shows only one item when inactive. When we click on it...

Bootstrap 4 Dropdowns - W3Schools

The .dropdown class indicates a dropdown menu. To open the dropdown menu, use a button or a link with a class of .dropdown-toggle ......

Bootstrap 4 dropdown menu is not working. - Laracasts

Hi. I have a fresh Laravel 5.5. I have change the webpack and asset configurations to use Bootstrap v4. Everything is working except...