C# Asp.NETMVC Razor引导输入表单
目前我有这样一个输入表单:C# Asp.NETMVC Razor引导输入表单,c#,asp.net-mvc,twitter-bootstrap,razor,bootswatch,C#,Asp.net Mvc,Twitter Bootstrap,Razor,Bootswatch,目前我有这样一个输入表单: <div class="editor-label"> @Html.LabelFor(model => model.VenueID) </div> <div class="editor-field"> @Html.EditorFor(model => model.VenueID) @Html.ValidationMess
<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>
@LabelFor(model=>model.VenueID)
@EditorFor(model=>model.VenueID)
@Html.ValidationMessageFor(model=>model.VenueID)
我想使用以下引导代码将其转换为:
<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>
场馆ID
如何做到这一点,以便我仍然可以使用
HTML.LabelFor
/EditorFor
/ValidationMessage
等的相同Razor
语法?您可以使用Razor语法添加CSS类,如下所示。您只需指定要使用的引导类
<div class="editor-field">
@Html.TextBoxFor(model => model.VenueID, new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.VenueID)
</div>
@TextBoxFor(model=>model.VenueID,新的{@class=“form control”})
@Html.ValidationMessageFor(model=>model.VenueID)
@LabelFor(model=>model.VenueID,新的{@class=“sr only”,@for=“txtVenueID”})
@Html.TextBoxFor(model=>model.VenueID,新的{@class=“form control”,@placeholder=“ID:,@ID=“txtVenueID”})
@Html.ValidationMessageFor(model=>model.VenueID)
我想文本框也需要放进去。col-lg-10类