Wie Sie das Eingabefeld ausrichten

Question

Ich habe Text und Eingabefeld, ich möchte Text und Eingabefeld ausrichten, aber mit keinem Glück. Was ist die Idee, das zu tun? Was ist der Prozess/die Schritte (oder wie denken Sie von diesem Problem), die Sie verwenden, um diese Art von Problem zu lösen?

<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

Try this:

<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>