28172 sujets

CSS et mise en forme, CSS3

Bonjour

j'utilise depuis peu bootstrap 3 que je trouve super !!!!

Cependant, lorsque j'applique le code suivant pour un menu, il ne s'affiche pas sur des petits écrans :
<div class="row header">
          <nav class="navbar navbar-default navbar-perso" role="navigation">
            <div id="logo" class="logo-perso1 col-lg-3">
              <a href="../../index.php"><img class="img-responsive" src="../../images/logo.png"></a>  
            </div>
            <div class="col-lg-9">
              <div class="navbar-collapse collapse navbar-right nav-perso">
                <ul class="nav navbar-nav">
                  <li><a href="../clients/TBGclient.php" <?php echo ($pageCurrent == 'TBGclient') ? 'class="active"' : ''; ?>><span class="glyphicon glyphicon-th"></span> Gestion clients</a><span class="corner"></span></li>
                  <li><a href="../utilisateurs/TBGuser.php" <?php echo ($pageCurrent == 'TBGuser') ? 'class="active"' : ''; ?>><span class="glyphicon glyphicon-user"></span> Gestion utilisateurs</a><span class="corner"></span></li>
                  <li><a href="../rapports/TBGrapport.php" <?php echo ($pageCurrent == 'TBGrapport') ? 'class="active"' : ''; ?>><span class="glyphicon glyphicon-compressed"></span> Gestion rapports</a><span class="corner"></span></li>
                  <li><a href="../administration/TBGadmin.php" <?php echo ($pageCurrent == 'TBGadmin') ? 'class="active"' : ''; ?>><span class="glyphicon glyphicon-cog"></span> Gestion administrateurs</a><span class="corner"></span></li>
                  <li><a href="../includes/logout.php"><span class="glyphicon glyphicon-off"></span> Déconnexion</a></li>
                </ul>
              </div>
            </div>
          </nav>   
        </div><!-- HEADER -->
Administrateur
Qu'obtiens-tu avec le code de la documentation ?
http://getbootstrap.com/components/#navbar
a écrit :
Navbars are responsive meta components that serve as navigation headers for your application or site. They begin collapsed (and are toggleable) in mobile views and become horizontal as the available viewport width increases.


Si t'arrives à coller ton code dans un Codepen/jsfiddle (en chargeant une CSS de Bootstrap en ligne comme http://getbootstrap.com/dist/css/bootstrap.min.css ), ce serait plus facile de constater le problème je pense Smiley cligne
Modifié par Felipe (10 Apr 2014 - 12:47)