부트 스트랩 인라인 양식 너비

Question

두 개의 입력 상자 두 개의 입력 상자, Name 및 Email이 나란히있는 행이 있습니다. 그 아래 메시지에 대한 텍스트 영역이됩니다. 두 입력 상자가 그리드 시스템의 열과 텍스트 영역 중 6 개를 차지하도록합니다.

나는 컬럼의 전체 너비를 확장 할 두 개의 입력 상자의 폭을 얻을 방법을 알아낼 수 없습니다 형태 인라인 사용. 어떤 아이디어?

http://www.bootply.com/yL5atrBZfX

<form role="form"> 
    <div class="row"> 
     <div class="form-inline col-md-6 col-centered"> 
      <input type="text" class="form-control" id="inputName" placeholder="Name"> 
      <input type="email" class="form-control" id="inputEmail" placeholder="Email Address"> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-6 col-centered form-group"> 
      <textarea class="form-control" style="resize: none" cols="5" rows="10" placeholder="Message" id="MessageBox"></textarea> 
     </div> 
    </div> 
</form> 

Answer 1

랩 행의 전체 폭을 가지고 두 개의 열을 가진 다른 행의 내부 안쪽 Name 및 Email 입력 :

http://www.bootply.com/WOvj1ygeAx

<div class="row"> 
    <div class="col-md-6 col-centered"> 
     <div class="row"> 
      <div class="col-md-6"> 
       <input type="text" class="form-control" id="inputName" placeholder="Name"> 
      </div> 
      <div class="col-md-6"> 
       <input type="email" class="form-control" id="inputEmail" placeholder="Email Address"> 
      </div> 
     </div> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-md-6 col-centered form-group"> 
     <textarea class="form-control" style="resize: none" cols="5" rows="10" placeholder="Message" id="MessageBox"></textarea> 
    </div> 
</div> 

편집 : 또 그냥 메모, form-inline은 col-* 요소에 속하지 않습니다. 그는 당신이 제공 한 모범입니다. <form> 요소에서 사용해야합니다. 제공 한 예를 토대로 여기서 중복 된 것처럼 보입니다. 참조 : Bootstrap CSS - Forms