Blade et menu

Bonjour,

Voila je rencontre un petit technique avec bootstrap et blade.

Ce que je fais

Dans ce cas j'ai un array renvoyé à la vue qui regroupe tout mon menu sous la forme

[
  'id' => 1,
  'description' => 'Une description',
],
[
    'id' => 2,
    'description' => ' Une deuxième description',
    'children' => [
        'id' => 3,
        'description' => 'Un sous menu',
          'children' => [
            'id' => 4,
            'description' => 'Un sous du sous menu'
          ]
    ]
]

Jusque là pas de reel soucis,

Lorsque j'accède à ma vue qui gère le menu j'ai cela:

<div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <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="#">NavBar</a>
        </div>
        <div class="collapse navbar-collapse">

        <ul class="nav navbar-nav">
            @each('espacepc::partials.menu-item', $menus, 'menu')

        </ul>

        </div><!--/.nav-collapse -->
    </div>
</div>

Dans mon partial:

@if (isset($menu['children']))
    <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ $menu['description'] }} <b><i class="caret"></i></b>   </a>
        <ul class="dropdown-menu">

            @foreach($menu['children'] as $menu)
                @include('espacepc::partials.menu-item', $menu)
            @endforeach

        </ul>
    </li>
@else
    <li><a href="#">{{$menu['description']}}</a></li>

@endif

Ce que je veux

Pouvoir activer l'effet dropdown sur le sous menu du sous menu

Ce que j'obtiens

Lorsque je clique sur le sous menu du sous menu le menu principale se ferme et n'agit donc pas comme convenus

Merci pour d'avance.