버튼을 텍스트 입력으로 정렬하고 bootstrap4 태그를 선택하십시오.

Question

버튼을 select 태그와 정렬 할 수 없으며, 제거 할 수없는 하단에 약간의 공간이 있습니다. as you can see in this picture

이 내 코드 : 부트 스트랩으로

<form> 
    <div class="row "> 
     <div class="col mt-4"> 
      <input type="text" name=""> 
     </div> 
     <div class="col mt-4"> 
      <select></select> 
     </div> 
     <div class="col mt-4"> 
      <select></select> 
     </div> 

     <div class="col mt-4"> 
      <input type="submit" name="" value="Search" id="" class="btn btn-danger" style="border-radius: 5%;"> 
     </div> 
    </div> 
</form> 

Answer 1

당신이 flex

으로 항목을 정렬 할 수는이

<div class="col mt-4 align-self-center"> 
     <input type="submit" name="" value="Search" id="" class="btn btn-danger" style="border-radius: 5%;"> 
    </div> 

이 컬럼 내부의 입력을 중심됩니다보십시오. 버튼의 높이는 사용 된 패딩과 글꼴 크기에 의해 결정됩니다.