Aligner menu à droite

Signaler
-
Messages postés
95
Date d'inscription
vendredi 13 mai 2005
Statut
Membre
Dernière intervention
11 novembre 2020
-
Bonjour,

Je n'arrive pas à alligner mon menu botstrap à droite, j'ai eu beau essayer navbar-collapse ou float:right ou n'importe quoi que j'ai trouvé sur internet et je ne sais pas pourquoi mais impossible de l'afficher à droite :/

voici mon code :
<nav class="navbar" id="menu" style="background-color: rgba(255,255,255,0.8);">
<div style="background-color: rgba(255,255,255,0.8); position: absolute;">
  <ul class="nav">
  <li class="nav-item">
    <a class="nav-link" href="#accueil" style=" background-color: rgba(255,255,255,0.8); color: black"><h4><strong><i class="fa fa-circle" aria-hidden="true"></i>     Accueil</strong></h4></a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#services" style=" background-color: rgba(255,255,255,0.8); color: black;"><h4><strong><i class="fa fa-circle" aria-hidden="true"></i>     Services</strong></h4></a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#propos" style=" background-color: rgba(255,255,255,0.8); color: black;"><h4><strong><i class="fa fa-circle" aria-hidden="true"></i>     A propos</strong></h4></a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#contact" style=" background-color: rgba(255,255,255,0.8); color: black"><h4><strong><i class="fa fa-circle" aria-hidden="true"></i>     Contact</strong></h4></a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="https://www.facebook.com" style=" background-color: rgba(255,255,255,0.8); color: black" target="_blank"><h4><strong><i class="fa fa-facebook-square 2x" aria-hidden="true"></i>    Facebook</strong></h4></a>

    
  </li>
</ul>
</div>
</nav>

1 réponse

Messages postés
95
Date d'inscription
vendredi 13 mai 2005
Statut
Membre
Dernière intervention
11 novembre 2020
26
Hello

Regarde par ici :
https://www.w3schools.com/bootstrap4/bootstrap_navbar.asp

ou encore :
https://www.codeply.com/go/qhaBrcWp3v
https://www.codeply.com/go/kTGlK9Axdk

Suivant le version de ton bootstrap il faut que tu adaptes.
En gros si c'est le 3 par exemple essayes d'ajouter un navbar-right à

<nav class="navbar navbar-right" id="menu" ....

@+

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Ma réponse t'a un peu aidé ? Si oui, un petit merci... Merci.