Bonjour tout le monde j'espère que vous aller bien alors actuellement je fait un site et j'aimerai vous demander de m'aidez car je vous explique j'ai fait un menu de navigations avec bootstrap j'aimerai que le menu de navigations passe comme ci  

il le fait très bien mais que l'orsque je réduit le navigateur a 765px 

moi j'aimerai que il se mettent en menu burger a 1050px car entre 765px et 1050px ça m'affiche un truc comme ça tout moche

voila le code html 

<header>
      <!-- Fixed navbar -->
      <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        <a class="navbar-brand" href="index.php">Crownbackend.com</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="index.php">Accueil <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Connexion</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Inscriptions</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">vidéo</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Contact</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Qui suis je ?</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">s4 league</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">black ops 3</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Ma chaine YouTube</a>
            </li>
          </ul>
          
        </div>
      </nav>
    </header>

-
Edité par CrownBackend 9 février 2018 à 11:54:41

Salut c'est plus le CSS qu'il nous faut pour ton problème sur tout la partie responsive avec les media query...

Il faut modifier les fichiers CSS de bootstrap et trouver le média query qui correspond, tu auras juste à changer sa max-width

salut dit moi comment je peu chercher la ligne ? 

ça c'est la balise ou je cherche mon code bootstrap comment tu fait pour chercher la ligne exact 

Tu peut la trouver via l'inspecteur de ton navigateur

salut je l'est bien trouver mais comment la modifier vue que c'est appelle extérieur dans ma feuille de style comment je peux changer on ma parler de !important ? c'est possible ?

Alors oui, tu met directement ton style dans TON css avec une important, exemple:

Si bootstrap à un h2 color blue et que tu met un 

h2{

color:red !important;

}

Alors le h2 seras rouge :) 

Sinon tu peux directement modifier le fichiers css de bootstrap si tu le télécharge et met le link du fichier local

Bonjour,

Oui utiliser !important est possible mais c'est particulièrement dégueulasse comme méthode (pardon pour la vulgarité mais c'est vrai).

Et en fait tu n'en a pas besoin. Dans ton head, tu dois appeler le CSS de Bootsrap puis ton CSS personnel. Il suffit ensuite d'appliquer ta propriété CSS sur le même élément (regarde dans ton navigateur pour voir précisément comme cet élément est ciblé par Bootstrap). Ton CSS étant plus bas dans ton code c'est lui qui aura la priorité et qui s'appliquera sur l'élément. C'est une méthode très courante qui s’appelle "overrider une propriété". 

Bonjour,

Je voudrais rajouter qu'il y a mieux que Bootstrap. Je l'ai essayé et il n'est pas aussi compatible qu'on le croit... Il suffit de faire le Responsive Design Mode pour s'en rendre compte...

Harry tu parles de quoi en mieux? Foundation?

Bootstrap est populaire car c'est Twitter, rien d'autre.

Florent6001 le mieux de composer entièrement le code soi-même