调整表单标签和输入的大小

Question

我正在使用水平形式，但是我无法获取标签并输入正确的尺寸。我关注的信息是here。

这是我的代码：

<div class="container">
<form>
<div class="form-group row">
    <label for="check_in" class="col-xs-3 col-form-label mr-1">Check in:</label>
        <div class="col-xs-3">
            <input type="text" class="form-control" id="check_in" name="check_in">
        </div>
    <label for="check_out" class="col-xs-3 col-form-label mr-3">Check Out:</label>
        <div class="col-xs-3">
            <input type="text" class="form-control" id="check_out" name="check_out">
      </div>
    <label for="rooms" class="col-xs-3 col-form-label mr-3">Rooms:</label>
        <div class="col-xs-3">
            <input type="text" class="form-control" id="rooms" name="rooms">
      </div>
    <label for="adults" class="col-xs-3 col-form-label mr-3">Adults:</label>
        <div class="col-xs-3">
            <input type="text" class="form-control" id="adults" name="adults">
      </div>
    <label for="children" class="col-xs-3 col-form-label mr-3">Children:</label>
      <div class="col-xs-3">
          <input type="text" class="form-control" id="children" name="children">
    </div>    

    <button type="submit" class="btn btn-primary">Submit</button>

    </div>
</form>
</div>

一切都很好。我的问题是获取标签和输入内容的大小。该表格必须在一行上。输入太大，现在可以在两行上使用。