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

Par DevMath, il y a 10 ans

Les bases HTML/CSS

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.

3 réponses

Benjamin Derepas, il y a 10 ans

Quelle version de Bootstrap utilises tu ? Tu as ajouter / modifier des règles dans le css ?

DevMath, il y a 10 ans

J'utilise la version 3.3.6, je n'ai pas modifier le fichier css en lui même mais j'ai créer d'autre css pour l'affichage des articles sur la page d'accueil

DevMath, il y a 10 ans

C'est bon le problème est régler mon header était en overflow: hidden;