2013-04-29 33 views
12

私はこの検索ボックスがあります。私は、検索ボックスには間にスペースを持たないようにしたいTwitterのブートストラップの検索ボックス

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

enter image description here

そして、検索ボックスのコードですボックスとボタン。どうしたらいいですか?ありがとう。

答えて

18

このリンクを「検索フォーム」と表示されているビットまでスクロールします。私はそのリンクを読んでいると、変更を行ったが、何も視覚的に変化していない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

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

はここで働いて、それを示すフィドルです。ここでは、コードの現在の形式は次のとおりです。\t \t \t '<フォームメソッド= "ポスト" アクション= "search.php" クラス= "フォーム検索"> \t \t \t

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

+0

私はしました私の答えで働いているデモでバイブルを追加しました。ちょうどそれをコピーして、あなたは行くのが良いはずです。 –

+0

違いは、あなたが現在使っているクラス - form-searchと、以前使っていたnavbar-searchです。 – TechnoBlahble