为什么输入宽度会改变?
问题描述:
我正在使用Bootstrap v2.1.1。我发现输入宽度有问题。为什么输入宽度会改变?
这是我的简单形式:
<form>
<div class="controls-row">
<div class="span3">
<label class="control-label">A:</label>
<div class="controls">
<input type="text" class="span3"/>
</div>
</div>
<div class="span4">
<label class="control-label">B:</label>
<div class="controls">
<input type="text" class="span4"/>
</div>
</div>
</div>
<div class="controls-row">
<div class="span3">
<label class="control-label">C:</label>
<div class="controls">
<select class="span3">
<option>1111111</option>
<option>2222222</option>
<option>3333333</option>
</select>
</div>
</div>
<div class="span4">
<label class="control-label">D:</label>
<div class="controls">
<input type="text" class="span4"/>
</div>
</div>
</div>
</form>
使用此代码的选择有不同的宽度,这是不一样的<input>
与span3类。
这是非常非常奇怪的,因为如果我把span3和(使用上面的代码)宽度相等。
可能有人解释我如何使用引导跨度*
答
设置相等宽度根据使用上的投入等跨度*类应该工作的引导doumentation。
http://twitter.github.com/bootstrap/base-css.html#forms
我想知道,如果它可能无法工作,因为你有你的形式奠定了,如果它的意思是与类的“形横”就可以了,但是你没有一个形式实际上已经有了这样的课程。
我不确定一个horixontal表单是否可以使用span *类来调整它的输入元素的大小。
你可以尝试在你的元素上使用“input-block-level”类来代替它,看看它是否为你做了这项工作。
尝试改变'span3'到'输入small'两个'select'和'input' – DON 2013-02-11 09:21:21
@DON同样的事情,总是不同的长度 – Dail 2013-02-11 09:24:14
请小提琴吧.. – DON 2013-02-11 09:28:10