J'ai suivi le cours sur bootstrap d'openclassroom et je me lance dans des test pour mon site web ... et déjà je bloque à la navbar
Voici une image de la navbar :
Comme vous pouvez le voir il y a deux ligne dans la navbar, la première qui contient les deux liens Link, le dropdown et le formulaire de connexion, une seconde en dessous avec le test d'éligibilité et le dernier bouton rouge.
Comme vous pouvez le constater, les éléments des deux lignes ne sont pas alignés (bouton Connexion avec bouton Nos offres par exemple) et ça m'embêter parce que je pense pourtant avoir bien mis en place la grille
Lorsqu'avec Firebug je regarde la mise en forme de ma grille on peut meme voir que malgré que le bouton Nos offre se trouve bien dans la ligne .. il dépasse de la ligne ! (Et je ne met pas plus de 12 col par ligne ..) :
Petit up, je me rend compte que le bouton Nos offre marche sur le margin de la ligne
.row {
margin-right: -50px;
margin-left: -50px;
}
Mais je sais toujours pas comment régler ça
Salut @Golden Panda, je vais regarder ton lien et voir si ça règle mon soucis, merci
EDIT ::
Ok j'ai compris le principe de normalize.css, mais comment je le fais cohabiter avec la feuille de style de bootstrap ? je copie colle normalize.css dans bootstrap.css ? ou j'inclue les deux fichiers css ?
Cdt
EDIT 2 ::
Le fichier normalize.css est installé mais ne règle pas le problème.
voici une autre image :
Ici on peut voir que le bouton Nos offres dépasse des deux colonnes qui lui sont attribuées (le bouton mord sur le bord violet a droite) alors qu'il devrait etre aligné avec le bouton connexion juste au dessus.
on le voit mieux ici, le bouton Nos offre ne respecte pas une des marges :
si quelqu'un a la solution
Cdt
EDIT RESOLUTION :
J'ai viré le navbar-right et ajouté un pull-right a la place dans les class du bouton ;
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.