html - 将两个不同宽度的输入组并排对齐

Question

我想对齐 2 个输入组，一个跨度为 8，另一个跨度为 4。我使用了内联表单，但它没有达到预期的宽度。

<div class="form-inline">
    <div class="form-group">
        <!-- <div class="input-group"> -->
          <input type="text" class="form-control col-sm-8" placeholder="Username">
        <!-- </div> -->
    </div>
    <div class="form-group">
        <!-- <div class="input-group"> -->
          <input type="text" class="form-control col-sm-4" placeholder="Ref No.">
    </div>
</div> 

Answer 1

试试下面的 CSS

.form-group{
        float:left;
    }