부트 스트랩 디스플레이 양식 레이블 인라인

Question

2 개의 양식 레이블을 Twitter 부트 스트랩과 함께 인라인으로 표시하고 싶습니다.

양식 입력은 입력 클래스가 크기 때문에 인라인으로 표시됩니다. 내 레이블에서 동일한 동작을 어떻게 수행합니까? 레이블을 인라인으로 표시하고 해당 입력 필드 위에 레이블을 표시하려고합니다.

<div class="control-group"> 
     <label class="control-label" for="likedcolors">Kleuren die u wel aanspreken*:</label> 
     <label class="control-label" for="dislikedcolors">Kleuren die u niet aanspreken*:</label> 
     <div class="controls"> 
     <input type="text" class="input-large" name="likedcolors" id="likedcolors"> 
     <input type="text" class="input-large" name="dislikedcolors" id="dislikedcolors"> 
     </div> 
</div> 

@Lykos, 당신의 대답 레이블은 다음과 같이 찾고 있습니다 :

가 이상적으로 레이블이 다음과 같아야합니다

여기

내 HTML의

Answer 1

그런 식으로 뭔가요?

내가 찾던 아니 정확히

http://jsfiddle.net/hMga4/1/

Answer 2

ple ASE는 부트 스트랩 3를 사용하는 경우이 작업을 수행 : 경우에

<form> 
    <div class="row"> 
     <div class="col-md-6"> 
      <div class="form-group"> 
      <label class="control-label" for="likedcolors">Kleuren die u wel aanspreken*:</label> 
      <input type="text" class="form-control" name="likedcolors" id="likedcolors"/> 
     </div> 
     <div class="col-md-6"> 
      <div class="form-group"> 
      <label class="control-label" for="dislikedcolors">Kleuren die u niet aanspreken*:</label> 
      <input type="text" class="form-control" name="dislikedcolors" id="dislikedcolors"/> 
     </div> 
    </div> 
</form> 

당신은 부트 스트랩 2는 클래스 COL-MD-6 급 span6와 교체 사용합니다. 열이 12까지 끝나야한다는 것을 기억하십시오.