Question

我试图根据包装div（col-sm-3，col-sm-1，col-sm-2）设置3个不同的文本字段宽度，但它们的区域宽度相同..

                <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

您可以使用bootstrap类表单控件来输入（例如http://www.bootply.com/mdTjf7rYks}），或者如果您不想这样做，只需将输入宽度设置为100％（示例{ {3}}）

bootstrap 3无法在div内设置文本输入宽度

1 个答案: