Menu déroulent qui s'affiche pas (bootstrap)

Bonjour,

Voila je rencontre un petit problème avec le menu déroulent de bootstrap, avec la console de chrome je vois que mon element dropdown est en display: block;
Mais il ne s'affiche pas a l'écran.

Ce que j'ai fais

Voici le code HTML de mon menu :

<ul class="nav navbar-nav">
    <li style="font-size: 15px;">
        <a href="/"><span class="icon icon-home" style="font-size: 22px;"></span></a>
    </li>
    <li class="dropdown menuli" style="font-size: 15px;">
        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
            Item 2 <span class="icon icon-angle-down"></span>
        </a>
        <ul class="dropdown-menu">
            <li><a href="#">Parent 1</a></li>
            <li><a href="/category/astuces-logiciels">Parent 2</a></li>
        </ul>
    </li>
    <li class="dropdown" style="font-size: 15px;">
        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
            Item 3 <span class="icon icon-angle-down"></span>
        </a>
        <ul class="dropdown-menu">
            <li><a href="#">Parent 1 Item 3</a></li>
            <li><a href="/category/astuces-logiciels">Parent 2 Item 3</a></li>
        </ul>
    </li>
</ul>

Ce que j'obtiens

Quand je veux dérouler le menu j'ai bien la classe open qui s'ajoute a mon <ul> et j'ai bien mon élément en display: block; dans la console, mais il s'affiche pas a l'écran.