自举对齐输入

Question

我想垂直对齐所有输入，我该怎么做？ 原因标签可能很长，我希望该标签仍然完美。 CSS

.span6{ 
    overflow:hidden;display:inline; 
} 
.span6 label, .span6 input { 
display:inline-block; 
} 
.span6 input { 
    width:70%; 
    margin-left:3%; 
} 

HTML

<div class="row-fluid"> 
    <form class="form well"> 
     <div class="row-fluid"> 
      <div class="control-group span6"> 
       <label for="first-name">Company</label> 
       <input class="first-name" type="text" class="input-block-level" /> 
      </div> 
      <div class="control-group span6"> 
       <label for="last-name">Title</label> 
       <input class="last-name" type="text" class="input-block-level" /> 
      </div> 
      <div class="control-group span6"> 
       <label for="last-name">Country</label> 
       <input class="last-name" type="text" class="input-block-level" /> 
      </div> 
     </div> 
     </div> 
</div> 

的jsfiddle

http://jsfiddle.net/kY5LL/154/

Answer 1

你或许应该更多的Bootstrap documentation一点，有内置的样式水平和垂直对齐方式。

我修改了您的代码以使用横向样式（.form-horizontal）。

http://jsfiddle.net/LeBen/kY5LL/156/