Centre de forme dans la barre de navigation
Ce que j'essaie de faire est d'avoir la boîte de recherche dans le centre de la barre de navigation (l'image ici). Comment dois-je procéder?
HTML:
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#">logo</a>
<div class="nav-collapse collapse">
<form class="navbar-form pull-right">
<div class="input-append">
<input class="span4" id="appendedInputButton" type="text" placeholder="Search...">
<button class="btn" type="button">Search</button>
</div>
</form>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
Je suis en utilisant le CSS par défaut qui vient avec Bootstrap.
OriginalL'auteur Feriscool | 2013-02-08
Vous devez vous connecter pour publier un commentaire.
Voir ce...
Exemple
Voyons maintenant l'exemple...
Ça n'a rien changé à tout ce temps :/
dans la nav voir l'entrée et le bouton center, dans l'espace voir le défilement...
Réussi à le faire fonctionner. Pour certaines raisons, j'ai dû mettre la valeur à 0% pour la marge de droite?
OriginalL'auteur MG_Bautista
envelopper la forme de l'élément à l'intérieur de son propre div et de lui donner une classe ou un id), puis créer une ligne de code centre informatique, exemple:
HTML:
CSS:
OriginalL'auteur Andy Holmes
si vous avez besoin de remplacer construit en CSS dans une application, utilisez les !important:
Ou, le mettre dans votre classe css.
OriginalL'auteur RandomUs1r
Lutté avec pendant un long moment, trop, pour Bootstrap 3.
J'ai enfin trouvé cette solution qui a fonctionné parfaitement pour moi:
Bootstrap barre de navigation à gauche, au centre et à droite aligné les éléments
Je viens d'ajouter une classe à l'intérieur de ma barre de navigation autour de ma zone de recherche, avec le css définition dans Skelly de réponse.
Je ne puis appliquer text-align:left à certains éléments de mon formulaire (par exemple, typeahead suggestions attaché à mon formulaire de recherche).
OriginalL'auteur randalv