Html 为什么输入的宽度会改变？

我正在使用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>     

A:
B:
C:
1111111
2222222
3333333
D:

使用此代码时，select具有不同的宽度，它与span3类的

不同

这很奇怪，因为如果我把span3放进去，（使用上面的代码）宽度是相等的

---

有人能告诉我如何使用引导span*

设置相等的宽度吗？根据引导设置，在输入上使用span*类等应该有效

我想知道它是否可能不起作用，因为你把你的表单布置得像是一个上面有“form horizontal”类的表单，但实际上你没有这个类

我不确定水平表单是否可以使用span*类来调整其输入元素的大小

您可以尝试在元素上使用“input block level”类，看看这是否适合您。

尝试添加“inline block level”

---

尝试将

span3

更改为

在
选择
和
输入
中输入小的

。做相同的事情，总是不同的lengths@DON天哪，也许我在引导中发现了一个bug。我用bootstrap.css试过了，效果很好！但是如果我尝试使用bootstrap.min.css，它的效果并不相同