html - Bootstrap 响应式网格中的输入前置

Question

<div class="container-fluid">
<div class="row-fluid">
    <div class="span6 well">
        <div class="clearfix control-group">
            <div class="input input-prepend">
                <label class="add-on"><input type="checkbox" /></label>
                <input class="input-small" type="text" placeholder="Cost"/>
            </div>
        </div>                                      
    </div>

    <div class="span6 well">
            <div class="clearfix control-group">
                <div class="input input-prepend">
                    <label class="add-on"><input type="checkbox" /></label>
                    <input class="input-small" type="text" placeholder="Cost Range"/>
                </div>
            </div>                                      
    </div>
</div>
</div>

窗口最大化时看起来不错。

当窗口尺寸减小时。

需要有关使用窗口大小调整输入文本大小的帮助。

完整表格:myForm

Answer 1

<label class="add-on span1"><input type="checkbox" /></label>
<input class="input-small span11" type="text" placeholder="Cost Range"/>

在标签和输入上添加这样的类。类似地，您也可以在控制组上添加类。并且可以通过使用 span1-span12 或 span* 来改变宽度

如果它仍然产生问题，请将控制组连续包装..