Twitter Bootstrap - centrage logo de la marque dans la barre de navigation
J'ai essayé de centrage de la .brand
logo avec:
.brand { margin-left: auto; margin-right: auto; }
c'est mon top navbar mise en page:
mais il semble que ça ne fonctionne pas.
J'ai cherché sur la pile avant de poster cette réponse et le code que j'ai utilisé ci-dessus, est pris d'une répondu à la question.
Aucune idée de comment le centre .de la marque ?
NB: je ne peux pas utiliser position:absolute and fixed
, et je voudrais le faire de manière responsable (responsive
)
aussi j'ai essayé ceci:
.brand {
margin:0 auto !important;
padding:0 auto !important;
position:absolute !important;
right:0px;
left:0px;
z-index:9999999999 !important;
}
Il n'y a pas de CSS dans l'exemple. Vous pouvez ajouter des fichiers d'amorce à l'aide de l'Ajout de Ressources sur la gauche.
pour qui?
Votre exemple, comme il est, ne pas illustrer votre problème, alors comment peut-on voir ce qu'il se passe?
jouer avec les CSS
@Sara <3 <3 <3 <3
pour qui?
Votre exemple, comme il est, ne pas illustrer votre problème, alors comment peut-on voir ce qu'il se passe?
jouer avec les CSS
@Sara <3 <3 <3 <3
OriginalL'auteur itsme | 2013-01-23
Vous devez vous connecter pour publier un commentaire.
Je lui ai donné un arbitraire de la largeur, de la configurer comme vous le souhaitez.
jsFiddle
Vous avez raison, mais je ne pense pas que c'était nécessaire pour un CSS question 😉
pas de problèmes vous attrapé
OriginalL'auteur Sara
en utilisant bootstrap 3
J'ai ajouté trois classes pour mon global.moins fichier à augmenter le bootstrap barre de navigation.moins de classes.
Cette approche fonctionne à travers tous les réactifs règle @media tailles, mais vous aurez besoin d'ajuster la taille de police et le menu-effondrement des points en fonction de la largeur de vos éléments de menu (à cette approche, la barre de navigation de marque absolument - il "flotte" sur les autres éléments de menu).
style:
utilisation:
Cela a fonctionné pour moi, mais je suis sûr qu'il ya une meilleure façon d'intégrer avec le float-une approche basée sur bootstrap met en œuvre. Ouvert aux commentaires.
OriginalL'auteur Steve Jackson
Que je viens d'utiliser celles à ma sauce.css et cela a fonctionné pour moi:
OriginalL'auteur Napi