form-row 클래스를 썼는데 한 줄로 표시 안될 때?

Bootstrap Document를 확인하여 form-row 클래스를 썻는데 한줄로 표시가 안되고 있다.

 

소스

<form>

  <div class="form-row">

    <div class="col">

      <input type="text" class="form-control" placeholder="First name">

    </div>

    <div class="col">

      <input type="text" class="form-control" placeholder="Last name">

    </div>

  </div>

</form>

 

결과

 

그럴때는 form-group row 속성을 사용하자

소스

<form>

  <div class="form-group row">

    <div class="col">

      <input type="text" class="form-control" placeholder="First name">

    </div>

    <div class="col">

      <input type="text" class="form-control" placeholder="Last name">

    </div>

  </div>

</form>

 

결과