为什么输入宽度会改变？

Question

我正在使用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和（使用上面的代码）宽度相等。

可能有人解释我如何使用引导跨度*

Answer 1

设置相等宽度根据使用上的投入等跨度*类应该工作的引导doumentation。

http://twitter.github.com/bootstrap/base-css.html#forms

我想知道，如果它可能无法工作，因为你有你的形式奠定了，如果它的意思是与类的“形横”就可以了，但是你没有一个形式实际上已经有了这样的课程。

我不确定一个horixontal表单是否可以使用span *类来调整它的输入元素的大小。

你可以尝试在你的元素上使用“input-block-level”类来代替它，看看它是否为你做了这项工作。

Answer 2

尝试增加 “内联的块级”

http://twitter.github.com/bootstrap/base-css.html#forms