入力ボックスを整列する方法

Question

私はテキストと入力ボックスを持っていますが、私はテキストと入力ボックスを整列させたいですが、運がいいわけではありません。それをするアイデアは何ですか？この種の問題を解決するために使用するプロセス/手順（またはこの問題の考え方）は何ですか？

<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

Answer 1

このお試しください：* *かみそりによって生成されたあなたのHTMLを投稿し、

<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="jane.doe@example.com"> 
    </div> 
    <button type="submit" class="btn btn-default">Send invitation</button> 
</form>