[Bootstrap] input type text 가로 배치 문제

input text/password 등 여러 개 사용 했을 때 블럭처리가 돼서 세로로만 배치 되던 문제가 있었다. 일단 기본 세팅이 한 줄에 한 개만 오도록 되어 있었고, 가로 사이즈도 100%로 돼 있었기 때문에 사이즈를 줄이면서 display를 inline으로 바꿔주었음

 

<!-- 첫번째 인증 -->
<div class="row p-5" id="num1">
      <input type="text" class="form-control d-inline w-25"> -
      <input type="text" class="form-control d-inline w-25">
</div>
<!-- 두번째 인증 -->
<div class="row p-5" id="num2">
    <input type="text" class="form-control d-inline w-25"> -
    <input type="text" class="form-control d-inline w-25"> -
    <input type="text" class="form-control d-inline w-25">
</div>

 

대신에 따로 div로 싸지는 않았다.

그래야 한 줄에 2개 이상 정렬이 됨