2013-04-29 19 views
12

ich dieses Suchfeld haben:Ein Suchfeld auf Twitter Bootstrap

enter image description here

Und den Code des Suchfeld ist:

<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> 

ich das Suchfeld wollen keinen Platz haben zwischen die Box und der Knopf. Wie kann ich es erreichen? Vielen Dank.

Antwort

18

Scrollen Sie auf diesen Link zu dem Bit, das "Suchformular" sagt;

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

Hier ist eine Geige es zeigt Arbeiten: 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> 
+0

ich diesen Link gelesen haben und die die Änderungen vorgenommen, aber nichts visuell verändert. Hier ist die aktuelle Form des Codes: \t \t \t '

\t \t \t
\t \t \t \t \t \t \t \t \t \t
\t \t \t
' – jason

+0

Ich habe eine Geige mit einer funktionierenden Demo in meiner Antwort hinzugefügt. Kopieren Sie das einfach und Sie sollten gut gehen. –

+0

Der Unterschied liegt in den Klassen - form-search, die Sie gerade verwenden, und navbar-search, die Sie zuvor verwendeten – TechnoBlahble