Aligner menu à droite
bilybb
-
lugdanum Messages postés 116 Date d'inscription Statut Membre Dernière intervention -
lugdanum Messages postés 116 Date d'inscription Statut Membre Dernière intervention -
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 :
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>
A voir également:
- Aligner menu à droite
- Menu déroulant excel - Guide
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
- Barre droite mac ✓ - Forum MacOS
- Canon quick menu - Télécharger - Utilitaires
- Ctrl droite ✓ - Forum Logiciels
1 réponse
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.
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.
