css - 如何使元素在引导程序中的 col 类中内联

Question

我有这个布局

<div class="container-fluid header">
    <div class="row">
        <div class="col-md-4">
            <label>Date From</label>
            <input type="text" class="form-control" bsDatepicker [(bsValue)]="dateFrom" [minDate]="currentDate">
        </div>
    </div>
</div>

之后标签位于输入的顶部。我找不到方法，所以在同一个 col-md-4 中，输入旁边的标签 - 内联。所以他们一起出现在同一行。

我怎样才能做到这一点并保持 col bootstrap 类的响应性？

标签： csstwitter-bootstrapflexbox

Answer 1

添加带有内联类的表单标签。

<div class="container-fluid">
<div class="row">
  <form class="form-inline">

    <div class="col-md-4 form-group ">
        <label>Date From</label>
        <input type="text" class="form-control" bsDatepicker [(bsValue)]="dateFrom" [minDate]="currentDate">
    </div>
    </form>
</div>