引導內嵌造型

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標記中？