하단 맞춤 버튼 부트 스트랩

Question

에는 아래의 "검색"버튼 하단 정렬에 사용할 수있는 도우미 클래스가 있습니다. 나는 Boostrap 3.2를 사용하고있다.

<div class="input-group col-md-2"> 
    <label for="FirstName">First Name</label> 
    <input class="form-control" id="FirstName" maxlength="10" name="FirstName" placeholder="First Name" type="text" value="" /> 
</div> 
<div class="input-group col-md-2"> 
    <label for="LastName">Last Name</label> 
    <input class="form-control" id="LastName" maxlength="10" name="LastName" placeholder="Last Name" type="text" value="" /> 
</div> 
<div class="input-group col-md-2"> 
    <label for="RecordNo">Record No</label> 
    <input class="form-control" id="RecordNo" maxlength="6" name="RecordNo" placeholder="Record No" type="text" value="" /> 
</div> 

<div class="input-group col-md-3"> 
    <label for="Department">Department</label> 
    <select id="Department" class="form-control"> 
    <option value="">CHOOSE DEPARTMENT</option> 
    </select> 
</div> 
<div class="col-md-3 input-group"> 
    <button id="Search" class="btn btn btn-success pull-right"> 
    Search &nbsp;<span class="glyphicon glyphicon-search"></span> 
    </button> 
</div> 

Answer 1

.col-lg-4, .col-lg-8  
{ 

float:none; 
display:inline-block; 
vertical-align:middle; 
margin-right:-4px; 
} 

또는 이것이 당신이하는 JSFiddle를하시기 바랍니다 게시 할 수

 .vcenter { 
    display: inline-block; 
    vertical-align: middle; 
    float: none; 
      }