web-dev-qa-db-fra.com

Une zone de recherche dans Twitter Bootstrap

J'ai ce champ de recherche:

enter image description here

Et le code du champ de recherche est:

<form method = "post" action="search.php" class = "pull-down  navbar-search">
    <div class="input-append">
        <input class="search-query input-medium"  name="search_query" type="text" placeholder="Arama Yap" >
        <button type = "submit "class="btn btn-large" type="button"><i class="icon-search"></i></button>
    </div>
</form>

Je souhaite que le champ de recherche n'ait aucun espace entre le champ et le bouton. Comment puis-je y parvenir? Merci.

12
jason

Faites défiler ce lien vers le bit qui dit "Formulaire de recherche";

http://Twitter.github.io/bootstrap/base-css.html#forms

Voici un violon montrant qu'il fonctionne: http://jsfiddle.net/3PgU2/

<form class="form-search">
    <div class="input-append">
        <input type="text" class="span2 search-query">
        <button type="submit" class="btn">Search</button>
    </div>
    <div class="input-prepend">
        <button type="submit" class="btn">Search</button>
        <input type="text" class="span2 search-query">
    </div>
</form>
18
Billy Moat