Bootstrap
Hamburger menu not working #40777
-
|
Why does my hamburger menu not work when I include the following tags... In the HEAD...
Just before the BODY...
However, when I swap the last tag out for this, it works fine...
The version 5 documentation says to include the 5.0.2 distribution in the even though the current version is 5.3.0. I've tried that but it makes no odds. I've also tried different version numbers in the but only version 4.0.0 works. Also, why am I including the bootstrap.min.js twice? Why not just in the HEAD? And what's with the integrity property? Some of the documentation tells me to use this in the ...
Other places tell me to use this...
If I change the version of the one with the integrity property it breaks, so I'm assuming it's there to verify something? However, the documentation for the 5.3.0 version doesn't have the integrity property. In summary, if I want the latest version of Bootstrap, and I want the hamburger menu to work, what tags should I be using in the HEAD and BODY please? Thanks in advance! |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
|
Hello, I recommend upgrading to v5.3.0 by using https://getbootstrap.com/docs/5.3/getting-started/introduction/. If that's not possible, you could use the bundled JavaScript file with both Bootstrap and Popper included: Also, do you have a code example that you could give us? |
Beta Was this translation helpful? Give feedback.
-
|
Hey Alex, thank you... I found I was trying to using the 5.3 distro code with the 4.0 nav code. Didn't realise the nav component had changed in 5.3. The specific documentation for 5.3 was exactly what I needed. Many thanks :) |
Beta Was this translation helpful? Give feedback.
-
|
You're welcome @danieltorridon. |
Beta Was this translation helpful? Give feedback.
Hello, I recommend upgrading to v5.3.0 by using https://getbootstrap.com/docs/5.3/getting-started/introduction/.
If that's not possible, you could use the bundled JavaScript file with both Bootstrap and Popper included:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>.Also, do you have a code example that you could give us?