引导内嵌造型

Question

我试图显示一系列要素的内联如下面图片使用自举：

后我添加“形式控制”级到输入其移动下面的其他元素。我尝试了几种不同的组合，不能拿出正确的一组类和样式。

的HTML低于：

<div class="row"> 
    <div class="form-group col-xs-12 col-md-5 col-lg-6"> 
     <label class="control-label"> 
      Unique ID @Model.Ordering: 
      <input class="form-control" type="number" required /> 
     </label> 
     <strong>Name:</strong> @Model.Name 
     <strong>DOB:</strong> @Model.DateOfBirth 
     <strong>Gender: </strong>@Model.Gender 
    </div> 
</div> 

这是我更新的代码现在正常工作。

<div class="row"> 
    <div class="form-group form-inline"> 
     <div class="form-group"> 
      <label class="control-label"> 
       Unique ID @Model.Ordering: 
      </label> 
     </div> 
     <div class="form-group"> 
      <input class="form-control" type="number" /> 
     </div> 
     <div class="form-group"> 
      <strong>Name:</strong> @Model.Name 
     </div> 
     <div class="form-group"> 
      <strong>DOB:</strong> @Model.DateOfBirth 
     </div> 
     <div class="form-group"> 
      <strong>Gender: </strong>@Model.Gender 
     </div> 
    </div> 
</div> 

Answer 1

您正在寻找<form class="form-inline">看看inline documentation

Answer 2

它看起来像你正在寻找bootstrap的inline form class。您是否已经将.form-inline添加到您的form标记中？