Why is my dropdown button when clicked not showing the content of the dropdown-items?

Question

Why is my dropdown button when clicked not showing the content of the dropdown-items? On a larger screen the nav link items show as a specified to show on a horizontal right side of my navbar. But on a smaller screen width where the hamburger menu suppose to show up a clickable button, nothing comes up.

https://code.sololearn.com/W8ul7M3lU8gu/#

Answer 1

It is data-bs-toggle = "collapse"
not data-bs-toggler

Keep learning & happy coding :D

Answer 2

SoloProg thanks. It works.
But I have another issue. My hamburger icon is not visible

Answer 3

add class name "navbar-light" in nav tag.

<nav class="navbar navbar-light navbar-expand-lg bg-success navbar-warning p-2"

and require the use of 1 JavaScript library.
bootstrap.min.js or bootstrap.bundle.min.js

Answer 4

If you the button to work remove this line:

script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"

Answer 5

You could use this in the button class or your website:

bg-white
text-white
border border-white

Answer 6

You can change the color with:
navbar-light
navbar-dark

Answer 7

I've done that. But my button is having a dark line. I want it to be white color

Answer 8

How can I code a cartoon

Answer 9

SoloProg i don't want the the border to be white. I only wanted the three hamburger bars to show white.