My dropdown works as a button

Question

My dropdown works as a button

Navigation

#1 by (1 votes)

1

I do not know what happened, from one day to the next my dropdown began to work as if it were a button.

In my project they always worked well and I started to continue with what I was doing and I realized that now when I give a dropdown it does not unfold but it updates to href .

Here is my code

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/admin">Admin Blog</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="/">Inicio</a></li>
                <li class="dropdown">
                  <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Usuarios <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/admin/usuario/">Listar</a></li>
                        <li><a href="/admin/usuario/create">Crear</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav">
                <li class="dropdown">
                  <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Categorias <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/admin/categorias/">Listar</a></li>
                        <li><a href="/admin/categorias/create">Crear</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav">
                <li class="dropdown">
                  <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Articulos <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/admin/articulos">Listar</a></li>
                        <li><a href="/admin/articulos/create">Crear</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{!!Auth::user()->name!!} <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/logout">Salir</a></li>                
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

bootstrap laravel-5

asked by Luis Morales 03.10.2016 в 02:27

source

1 answer

Problem with accommodating Divs Remove element from the DOM and List with jquery

score 1 · Accepted Answer

Make sure you are calling the Boostrap js file in the following way, plus adding the dropdown() to your class dropdown-toggle as specified in the bootstrap documentation dropdowns

<script   src="http://code.jquery.com/jquery-1.12.4.min.js"></script>  
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
  $('.dropdown-toggle').dropdown();
</script>