Bootstrap navbar-toggle fonctionne à moitié
Bonjour,
J'ai sur ma page une navbar-toggle responsive de bootstrap. En-deçà d'une certaine largeur d'écran, elle se transforme donc en icône de menu avec un effet "collapse". Le problème, c'est qu'elle se déplie bien lorsqu'on clique sur l'icone, mais elle ne se replie pas si l'on reclique. C'est normal ? Normalement, "toggle", ça veut dire que ça va dans les deux sens...
Voici mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
| <nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#main-menu" aria-expanded="true">
<span class="sr-only">Toggle navigation</span> <span
class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
</button>
<a href="index.php" class="navbrand"><img
src="logo/Logo Ma_boite.png" alt="logo"
height="20px"></a>
<address>
<a href="tel:+xxxxxxxxxx"><span
class="fa fa-phone"></span> XX XX XX XX XX</a>
</address>
</div>
<div class="collapse navbar-collapse" id="main-menu">
<ul class="nav navbar-nav">
<li class="divider" role="separator"></li>
<li><a href="index.php">Accueil</a></li>
<li><a href="apropos.php">A propos de nous</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
</nav> |
Merci d'avance de votre aide...
