Asp.Net MVC 면도기 부트 스트랩 입력 양식

Question

이 같은 입력 양식이 있습니다

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

나는 다음과 같은 부트 스트랩 코드를 사용하여 변환 할 :

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

을 어떻게해야합니까? Razor 구문을 HTML.LabelFor/EditorFor/ValidationMessage 등으로 계속 사용할 수 있도록하려면 어떻게해야합니까?

Answer 1

다음과 같이 Razor 구문을 사용하여 CSS 클래스를 추가 할 수 있습니다. 사용하려는 부트 스트랩 클래스를 지정하기 만하면됩니다.

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