web-dev-qa-db-ja.com

Asp.Net MVC Razor BootStrap入力フォーム

現在私はこのような入力フォームを持っています：

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

次のbootstrap code：を使用して変換したい

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

HTML.LabelFor/Razor/EditorForなどと同じValidationMessage構文を引き続き使用できるようにするには、どうすればよいですか？

c#asp.net-mvctwitter-bootstraprazorbootswatch
9
Goober
<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>
12
fernando yevenes

以下に示すように、Razor構文を使用してCSSクラスを追加できます。使用するBootstrapクラス）を指定するだけです。

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