Asp.Net MVC Razor Bootstrap Formularz Wejście

Question

Obecnie mam formularz wprowadzania takiego:

<div class="editor-label"> 
      @Html.LabelFor(model => model.VenueID) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.VenueID) 
      @Html.ValidationMessageFor(model => model.VenueID) 
     </div> 

Chcę, aby przekształcić go za pomocą następującego kodu bootstrap:

<div class="form-group"> 
     <label for="inputVenueID" class="col-lg-2 control-label">Venue ID</label> 
     <div class="col-lg-10"> 
     <input type="text" class="form-control" id="inputVenueID" placeholder="VenueID"> 
     </div> 
    </div> 

Jak to zrobić, aby nadal używać tej samej składni Razor z /EditorFor/EditorFor/PL

Answer 1

Możesz dodawać klasy CSS, używając składni Razor, jak pokazano poniżej. Wszystko, co musisz zrobić, to określić klasy (klasy) Bootstrap, których chcesz użyć.

<div class="editor-field"> 
    @Html.TextBoxFor(model => model.VenueID, new { @class = "form-control" }) 
    @Html.ValidationMessageFor(model => model.VenueID) 
</div> 

Answer 2

<div class="form-group"> 
    @Html.LabelFor(model => model.VenueID, new { @class = "sr-only", @for = "txtVenueID" }) 
    @Html.TextBoxFor(model => model.VenueID, new { @class = "form-control", @placeholder = "ID:" , @id="txtVenueID" }) 
    @Html.ValidationMessageFor(model => model.VenueID) 
</div>