bootstrap 3無法設置div內的文本輸入寬度

Question

我試圖根據包裝div（col-sm-3，col-sm-1，col-sm-2）設置3個不同的文本區寬度，但它們區域ll相同的寬度..

   <div class="panel row"> 

         <div class="col-sm-5" style="background-color: yellow; padding: 0;"> 
          <div class="form-group form-group-sm"> 
          <label class="control-label col-sm-2">Label</label> 
          <div class="col-sm-3" style="padding-top: 4px;"> 
           <input type="text" name="dynamic[1][]" value="1"> 
          </div> 
          </div> 
         </div> 

         <div class="col-sm-3" style="background-color: grey; padding: 0"> 
          <div class="form-group form-group-sm"> 
          <label class="control-label col-sm-2">Type</label> 
           <div class="col-sm-1" style="padding-top: 4px;"> 
           <input type="text" name="dynamic[2][]" value="1"> 
           </div> 
          </div> 
         </div> 

         <div class="col-sm-4" style="background-color: green; padding: 0"> 
          <div class="form-group form-group-sm"> 
          <label class="control-label col-sm-2">Format</label> 
           <div class="col-sm-2" style="padding-top: 4px;"> 
           <input type="text" name="dynamic[3][]" value="1"> 
           </div> 
          </div> 
         </div> 

       </div> 

是否有任何簡單的方法來使用這些不同寬度的2個文本字段？

感謝反饋

Answer 1

您可以使用引導類形式控制到輸入（例如這裏http://www.bootply.com/mdTjf7rYks），或者如果你不想，投入到100％，只是簡單地設置寬度（例如http://www.bootply.com/EXMQ9OJ7Jy）