부트 스트랩 3.0 인라인 폼 유효성 검사

Question

인라인 폼을 작동 시키려고했으나 입력 폭이 col-md-x의 100 %까지 늘어나지 않는 것처럼 보였습니다. 그 너비가 100 %로 늘어나지 않기 때문에 글리피콘이 작동하지 않습니다.
http://jsfiddle.net/DTcHh/

Answer 1

부트 스트랩의 .form-inline가되지 않습니다 :

<div class="form-inline" role="form"> 
     <div class="col-md-2 form-group"> 
      <label class="sr-only"></label> 
       <select class="form-control" id="add-assessment_questionType"> 
        <option value="slider">Slider</option> 
        <option value="radio">Radio Button</option> 
       </select> 
     </div> 
     <div class="col-md-5 form-group"> 
      <label class="sr-only"></label> 
      <textarea class="form-control add-assessment_newQuestion" rows="3" id="add-assessment_question" placeholder="Enter Question"></textarea> 
     </div> 
    <div id="add-assessment_title_color" class="col-md-5 form-group has-feedback"> 
     <label class="sr-only"></label> 
     <input type='text' class="form-control add-assessment_newQuestion" id="add-assessment_optionMaxValue" placeholder="Enter Max Value"></input> 
     <span id="add-assessment_optionMaxValue_icon" class="glyphicon glyphicon-remove form-control-feedback"></span> 
    </div> 

다음

이 바이올린은 (이하 "버그"를 참조 최대 폭에서 볼)입니다 : 여기

코드입니다 내부의 열과 함께 사용하도록되어 있습니다. documentation에 따르면

인라인 양식을 사용하려면 양식 내에서 사용 컨트롤을 폭을 설정해야합니다.

표준 양식을 사용하고 양식 컨트롤을 행에 배치 할 수 있습니다. 아래 코드와이 예제 bootply를 참조하십시오. http://www.bootply.com/MPWi0SUfY5

<div class="container"> 
    <form> 
    <div class="row"> 
     <div class="col-md-2"> 
     <div class="form-group"> 
      <label class="sr-only"></label> 
      <select class="form-control" id="add-assessment_questionType"> 
      <option value="slider">Slider</option> 
      <option value="radio">Radio Button</option> 
      </select> 
     </div> 
     </div> 
     <div class="col-md-5"> 
     <div class="form-group"> 
      <label class="sr-only"></label> 
      <textarea class="form-control add-assessment_newQuestion" rows="3" id="add-assessment_question" placeholder="Enter Question"></textarea> 
     </div> 
     </div> 
     <div class="col-md-5"> 
     <div id="add-assessment_title_color" class="form-group has-feedback"> 
      <label class="sr-only"></label> 
      <input type="text" class="form-control add-assessment_newQuestion" id="add-assessment_optionMaxValue" placeholder="Enter Max Value"> 
      <span id="add-assessment_optionMaxValue_icon" class="glyphicon glyphicon-remove form-control-feedback"></span> 
     </div> 
     </div> 
    </div> 
    </form> 
</div>