부트 스트랩 - 텍스트 앞에 수평 서식 레이아웃을 사용하는 방법은 무엇입니까?

Question

나는 아래와 같이 수평 형태의 레이아웃을 사용하는 것을 시도하고있다 : 나는 한 시간 동안 노력했지만 모든 솔루션을 찾을 수 없습니다

Enter Email: [field]   Enter password: [prepend+field] 

. 내가 어떻게 할 수 있는지 말해줘. 나는 시도했다 :

<form class="form-horizontal"> 
    <!--<span class="offset2">Sign Into the Email</span>--> 
    <div class="control-group"> 
     <div class="controls"><span>Welcome to My Email</span></div> 
    </div> 

    <div class="control-group input-append"> 
     <label for="emailid" class="control-label">Email id</label> 
     <div class="controls"> 
      <input type="text" /> 
      <span class="add-on">@</span> 
     </div> 
    </div> 

    <div class="control-group input-append"> 
     <label for="passwd" class="control-label">Password</label> 
     <div class="controls"> 
      <input type="password" /> 
      <span class="add-on">***</span> 
     </div> 
    </div> 

    <div class="control-group"> 
     <div class="controls" > 
      <label class="checkbox"> 
       <input type="checkbox" />Remember Me 
      </label> 
      <button class="btn">Sign In</button> 
     </div> 
    </div> 
</form> 

Answer 1

당신은 form-inline class 찾고 있습니다.

.form-inline .form-group { 
    margin-right: 10px; 
}