如何對齊輸入框

我有文本和輸入框，我想對齊文本和輸入框，但沒有幸運。有什麼想法做到這一點？什麼是你用來解決這類問題的過程/步驟（或者你對這個問題的看法）？如何對齊輸入框

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-sm-4"> 
      <div> 
       @Html.LabelFor(model => model.Name) 
       @Html.EditorFor(model => model.Name) 
       @Html.ValidationMessageFor(model => model.Name) 
      </div> 
      <div> 
       @Html.LabelFor(model => model.ComputerID) 
       @Html.EditorFor(model => model.ComputerID) 
       @Html.ValidationMessageFor(model => model.ComputerID) 
      </div> 
     </div> 
     <div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div> 
     <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div> 
    </div> 
</div>

screenshot of UI

來源

2017-04-09 AngularFan

請，張貼已*由剃刀生成的HTML *。您可以簡單地通過檢查瀏覽器中的容器元素並複製特定的html來完成此操作。 – nkmol

試試這個：

<form class="form-inline"> 
    <div class="form-group"> 
    <label for="exampleInputName2">Name</label> 
    <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe"> 
    </div> 
    <div class="form-group"> 
    <label for="exampleInputEmail2">Email</label> 
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]"> 
    </div> 
    <button type="submit" class="btn btn-default">Send invitation</button> 
</form>

來源

2017-04-09 18:42:30 CodeG

如何對齊輸入框

回答

相關問題