twitter bootstrap span未正確對齊

Question

由於某種原因，當我應用跨度時，跨度不會自己調整爲正確的網格。它似乎並不重要，我應用跨度的元素是什麼類型，在這種情況下，它是輸入。我顯然希望他們調整自己，我做錯了什麼？

小提琴這裏：http://jsfiddle.net/fKQsj/

<div class="row-fluid"> 
       <div class="span12"> 
        <input type="text" class="span4" placeholder="First" /> 
        <input type="text" class="span4" placeholder="Middle" /> 
        <input type="text" class="span4" placeholder="Last" /> 
       </div> 
      </div> 
      <div class="row-fluid"> 
       <div class="span12"> 
        <input type="text" class="span4" placeholder="City" /> 
        <input type="text" class="span2" placeholder="State" /> 
        <input type="text" class="span2" placeholder="Zip5" /> 
        <input type="text" class="span4" placeholder="Store" /> 
       </div> 
      </div> 
      <div class="row-fluid"> 
       <div class="span12"> 
        <div class="span4 offset8"> 
         <button class="btn btn-success pull-right">Search</button> 
        </div> 
       </div> 
      </div> 

Answer 1

從手動

For multiple grid inputs per line, use the .controls-row modifier class for proper spacing. 
It floats the inputs to collapse white-space, sets the proper margins, and clears the float. 

採取