引導主題定製

Question

我想確保付款頁面上年月領域始終排隊在同一行，以確保一致性，無論設備，但使用的引導，我一直無法實現它迄今：

一個的jsfiddle可以發現here以下HTML代碼：

<div class="form-group"> 
         <label class="control-label col-md-2 bold" for="Expiry_Date">Expiry Date</label> 
         <div class="col-md-10"> 
          <select style="height:49px;border-radius:4px;margin-bottom:15px;" name="ccmonth" class="form-control input"> 
           <option value="13" selected="">Month</option> 
           <option value="01">01-Jan</option> 
           <option value="02">02-Feb</option> 
           <option value="03">03-Mar</option> 
           <option value="04">04-Apr</option> 
           <option value="05">05-May</option> 
           <option value="06">06-Jun</option> 
           <option value="07">07-Jul</option> 
           <option value="08">08-Aug</option> 
           <option value="09">09-Sep</option> 
           <option value="10">10-Oct</option> 
           <option value="11">11-Nov</option> 
           <option value="12">12-Dec</option> 
          </select> 
          <select style="height:49px;border-radius:4px;" id="pas_ccyear" name="ccyear" class="form-control input"> 
           <option value="1">Year</option> 
           <option value="15">2015</option> 
           <option value="16">2016</option> 
           <option value="17">2017</option> 
           <option value="18">2018</option> 
           <option value="19">2019</option> 
           <option value="20">2020</option> 
           <option value="21">2021</option> 
           <option value="22">2022</option> 
           <option value="23">2023</option> 
           <option value="24">2024</option> 
           <option value="25">2025</option> 
           <option value="26">2026</option> 
          </select> 
         </div> 

        </div> 

如果我正確地設置到49.6％，爲每一個選擇它的行了桌面屏幕上，但仍然不會始終顯示在移動同一行和平板電腦

Answer 1

如果你嘗試用類「col-xs-6」來包裝你的每個選擇內容，即使在最小的屏幕上，每個選擇只會從「col-md-10」獲得一半的可用寬度，母公司