2013-01-19 5 views
0

I'v은 다음과 같습니다 검색 폼 다시 만들려고 노력 :는 부트 스트랩 형태로 선택

http://www.realestate.com.au/

그것은 검색 막대로 하나를 상단에는 여러 SELECT가 표시됩니다. 또한 각 SELECT 의 레이블은 아래가 아닌 위입니다.

<span class="help-block">Some text</span> 

을 그러나 당신은 어떻게 인라인 선택의 행 abovea 텍스트를 추가하려면 어떻게합니까 : 나는 당신과 같이 아래 레이블을 추가 할 수 있습니다 부트 스트랩이 함께 알고있는

?

친절하게 도와 줄 수 있습니까? 부트 스트랩을 사용하고 있습니다.

미리 감사드립니다.

+1

당신은 시도 무엇입니까? –

답변

0

각 라벨을 배치하고 spanX div 내부를 선택하기 만하면 spanX div를 행 컨테이너 안에 배치하십시오. 세 개의 열을위한

예 :

<div class="row"> 
    <div class="span4"> 
     <label for="one">Label One</label> 
     <select id="one"> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     <option>4</option> 
     <option>5</option> 
     </select> 
    </div> 

    <div class="span4"> 
     <label for="two">Label Two</label> 
     <select id="two"> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     <option>4</option> 
     <option>5</option> 
     </select> 
    </div> 

    <div class="span4"> 
     <label for="three">Label Three</label> 
     <select id="three"> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     <option>4</option> 
     <option>5</option> 
     </select> 
    </div> 

</div> 

이처럼 보이는 나올 것입니다 : enter image description here

+0

서티 테리어, 고맙습니다. –

관련 문제