HTML – Issue issue with Bootstrap dropdown

  • Home / Blog / HTML – Issue…

HTML – Issue issue with Bootstrap dropdown

I don’t know why but my dropdown doesn’t work properly. As you can see, the browser drops the dropdown, the blue box is the problem. What can I do to fix it? Do I need to add some CSS?

Photo News

My code is:


    <div class="navbar-collapse order-3">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle text-white" href="#" id="navbarDropdownMenuLink"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="bi bi-person"></i>
                            Perfil
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"
                            style="background-color: #b4474c;">
                            <a class="dropdown-item" href="#" style="color: black;"><i class="bi bi-gear"></i>
                                Ajustes</a>
                            <a class="dropdown-item" href="#" style="color: black;"><i class="bi bi-box-arrow-right"></i>
                                Salir</a>
                        </div>
                    </li>
                </ul>
            </div>

Write a Comment

Your email address will not be published. Required fields are marked *

x