다중 선택 태그 및 부트 스트랩 CSS 그리드 시스템

Question

부트 스트랩 CSS를 사용하여 여러 개의 선택 태그를 연속으로 표시하고 싶습니다. 두 개의 입력을 연속으로 만드는 데 아무런 문제가 없습니다. 그러나 입력 태그를 변경하여 선택하면 첫 번째 선택 만 표시됩니다. 다음은 샘플입니다 fiddle

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-2"> 
      <select class="form-control" /> 
     </div> 
     <div class="col-md-2"> 
      <select class="form-control" /> 
     </div> 
    </div> 
    <br /> 
    <div class="row"> 
     <div class="col-md-2"> 
      <input class="form-control" type="text" /> 
     </div> 
     <div class="col-md-2"> 
      <input class="form-control" type="text" /> 
     </div> 
    </div> 
</div> 

내가 어떤 도움을 주셔서 감사합니다. 감사.

Answer 1

를 참조

<select class="form-control" />

예

<select class="form-control"></select>

에 :

<div class="container-fluid"> 
 
    <div class="row"> 
 
    <div class="col-md-2"> 
 
     <select class="form-control"></select> 
 
    </div> 
 
    <div class="col-md-2"> 
 
     <select class="form-control"></select> 
 
    </div> 
 
    </div> 
 
    <br/> 
 
    <div class="row"> 
 
    <div class="col-md-2"> 
 
     <input class="form-control" type="text" /> 
 
    </div> 
 
    <div class="col-md-2"> 
 
     <input class="form-control" type="text" /> 
 
    </div> 
 
    </div> 
 
</div>

개

Answer 2

<select>에 일부 <option> 개의 요소 만 있으면됩니다. 예를 들어 :

<select class="form-control"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

은 간단하게 변경 http://jsfiddle.net/ckuijjer/1x8so5ms/