28172 sujets

CSS et mise en forme, CSS3

Configuration de menu avec Bootstrap

Bonjour,
J'ai un menu avec des picto en png et avec avec la class navbar-toggle et j'aimerai en faire un menu déroulant et responsive avec ces mêmes pictos + un texte pour chaque picto :
Chaque picto représente une partie de mon site et pour la version déroulante sur smartphone j'aimerai ajouter au picto le nom de la partie que représente ce même picto, via la balise "alt" et ou "title" mais que le texte s'affiche comme légende du picto.
Merci d'avance pour votre réponse,
upload/57750-menu.png
Modifié par climat26 (16 Feb 2015 - 17:46)
HTML
 <div class="collapse navbar-collapse" id="barre_navigation"> 
           <ul class="nav navbar-nav pull-right">
            <li><a href="#"><img src="..." /></a></li>
            <li><a href="#"><img src="..." /></a></li>
            <li><a href="#"><img src="..." /></a></li>
            <li><a href="#"><img src="..."  /></a></li>
            <li><a href="#">&nbsp;</a></li>
            <li><a href="#"><img src="..."  /></a></li>
            <li><a href="#"><img src="..."  /></a></li>
            <li><a href="#"><img src="..." /></a></li>
            <li><a href="#"><img src="..."  /></a></li>
            <li><a href="#"><img src="..." /></a></li>
            <li><a href="#"><img src="..."  /></a></li>
            <li><a href="#"><img src="..."  /></a></li>
            <li><a href="#"><img src="..."  /></a></li>
          </ul>
         </div><!--/.nav-collapse -->


CSS et js de Bootsrap qui gère la navbar-collapse.

En fait, j'aimerai savoir comment ajouter des éléments aux menus responsives et déroulants, genre hr ou textes. J'imagine qu'il faut configurer un autre menu en entier avec les éléments de départ et faire appel à ce menu quand la fenêtre du navigateur atteint une certaine dimension, par exemple : @media (max-width: 767px) ?
Sujet clos
Aller à