My problem, I build a nav-bar that work fine for the responsive part.
But, in large screen, I can't click on the nav-brand link.
So here my code :
<!-- NavBar -->
<div class="navbar-wrapper">
<nav role="navigation" class="navbar navbar-inverse navbar-fixed-top"> <!-- class="navbar navbar-default" -->
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><!-- data-target=".nav-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 href="/drupal/" class="navbar-brand active">Accueil</a>
</div>
<div class="collapse navbar-collapse" id=".navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="/drupal/%23" data-toggle="dropdown" class="dropdown-toggle"><img src="http://localhost/drupal/sites/all/images/rubon335.png" width="30" height="30" alt="" />Le club<b class="caret"></b></a> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <li><a href="/drupal/content/le-club">Le club</a></li>
<li><a href="/drupal/content/lhistorique">L'historique</a></li>
<li><a href="/drupal/content/le-projet">Le projet</a></li>
<li><a href="/drupal/" class="active">la structure</a></li>
<li><a href="/drupal/content/les-b%C3%A9n%C3%A9voles">Les bénévoles</a></li>
<li><a href="/drupal/"></a></li>
<li><a href="/drupal/"></a></li>
</ul></li>
<li class="dropdown">
<a href="/drupal/%23" data-toggle="dropdown" class="dropdown-toggle"><img src="http://localhost/drupal/sites/all/images/rubon504.png" width="30" height="30" alt="" />Les partenaires<b class="caret"></b></a> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <li><a href="/drupal/content/bce-partenaires">Les partenaires</a></li>
</ul></li>
<li class="dropdown">
<a href="/drupal/%23" data-toggle="dropdown" class="dropdown-toggle"><img src="http://localhost/drupal/sites/all/images/rubon1173.png" width="30" height="30" alt="" />Pratique<b class="caret"></b></a> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <li><a href="/drupal/page/multim%C3%A9dia">Pratique</a></li>
</ul></li>
</ul>
</div>
</div>
</nav>
So if anybody has an idea... it will be very thankful
And you can test at this link : test website
For the notice, I use bootstrap theme for drupal 7.
Your logo is obscured by the navbar-collapse div.
To give the logo a higher z-index than the menu add this to your CSS:
.navbar-header {
position: relative;
z-index: 1000;
}