Một hộp tìm kiếm trong Twitter Bootstrap

Question

Tôi có hộp tìm kiếm này:

Và mã của hộp tìm kiếm là:

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

Tôi muốn hộp tìm kiếm để không có khoảng trống giữa hộp và nút. Làm thế nào tôi có thể hoàn thành nó? Cảm ơn.

Answer 1

Cuộn xuống liên kết này đến bit có nội dung "Biểu mẫu tìm kiếm";

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

Dưới đây là một fiddle hiển thị nó làm việc: 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>