Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#1 Le 16/02/2014, à 12:00

Oni_Shadow

modification bootstrap

Bonjour,
Le développement web c'est pas vraiment mon truc de base (surtout le CSS tongue ), mais j'ai un projet personnel et je ne peut y échapper....
J'aurais besoin d'une barre de menu avec sous menus accessible au clique, je me suis tourner vers jquery et bootstrap (de twiiter). Il me faudrai cependant une bare moins épaisse (de 25px exactement...) et je n'ai pas trouvé ce qu'il fallait modifier, j'ai bien essayé de mettre un height: 25px; sur navbar-inner mais ça n'a pas suffit (mon background-image est a la bonne taille mes les element de menu reste plus gros et depassent...)
Quelqu’un pourrait il m'aider? smile

mon menu en lui meme est tout con c'est

<div id='menuDiv'>
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
             <div class="topbar">
              <ul class="nav" >
            <li> <a href="#">merci</a> </li>
            ... quelques puces
            <li> <a href="#">de laide</a> </li>
              </ul>
             
         <div class="container pull-right">
               <div class="topbar">
                 <ul class="nav" >
                <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> dessous <b class="caret"></b> </a>
                  <ul class="dropdown-menu">
                    <li><a href="#">lion</a></li>
                    <li><a href="#">chat</a></li>
                    <li class="divider"></li>
                    <li><a href="#">thunder</a></li>
                  </ul>
                </li>
                <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> unmenuuseless <b class="caret"></b> </a>
                  <ul class="dropdown-menu">
                    <li><a href="#">bidule</a></li>
                    <li><a href="#">machin</a></li>
                    <li><a href="#">Chasseurs</a></li>
                    <li class="divider"></li>
                    <li><a href="#">pouf</a></li>
                  </ul>
                </li>
            </div>
         </div>
    </div>
</div>

je doit juste modifier un peu de CSS mais je suis un peu perdu... hmm


Rouillé

Hors ligne

#2 Le 17/02/2014, à 22:04

Oni_Shadow

Re : modification bootstrap

personne? hmm


Rouillé

Hors ligne