2013-04-29 3 views
12

내가이 검색 상자가 있습니다트위터 부트 스트랩에있는 검색 창

enter image description here

그리고 검색 상자의 코드입니다 :

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

내가 사이에 공간이 없다, 검색 상자를 원하는 상자와 버튼. 그것을 어떻게 성취 할 수 있습니까? 감사.

답변

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

차이점은 현재 사용중인 클래스 - 양식 - 검색 및 이전에 사용했던 navbar-search입니다. – TechnoBlahble

관련 문제