Twitter bootstrap 输入字段不应用引导
我的输入字段没有应用引导样式,但我的下拉列表应用了引导样式。我的代码如下。我在这里使用局部视图Twitter bootstrap 输入字段不应用引导,twitter-bootstrap,Twitter Bootstrap,我的输入字段没有应用引导样式,但我的下拉列表应用了引导样式。我的代码如下。我在这里使用局部视图 @model SMC_AMS.Models.ViewModel.UserSignUpView <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"> <h1 class="page-header">Registration</h1> @using (Html.Beg
@model SMC_AMS.Models.ViewModel.UserSignUpView
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
<h1 class="page-header">Registration</h1>
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>Signup</h4>
<hr />
@Html.ValidationSummary(true)
<div class="form-group">
@Html.LabelFor(model => model.LoginName, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.LoginName)
@Html.ValidationMessageFor(model => model.LoginName)
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Password, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Password)
@Html.ValidationMessageFor(model => model.Password)
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.FirstName, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.FirstName)
@Html.ValidationMessageFor(model => model.FirstName)
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.LastName, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.LastName)
@Html.ValidationMessageFor(model => model.LastName)
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Gender, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-2">
@Html.DropDownListFor(model => model.Gender, new List<SelectListItem>
{
new SelectListItem {Text = "Male", Value = "M"},
new SelectListItem {Text = "Female", Value = "F"}
}, new { @class = "form-control" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
}
<div>
@Html.ActionLink("Back to Main", "Index", "Home", null, new { @class = "btn btn-primary" })
</div>
</div>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
@model SMC\u AMS.Models.ViewModel.UserSignUpView
登记处
@使用(Html.BeginForm())
{
@Html.AntiForgeryToken()
报名
@Html.ValidationSummary(true)
@LabelFor(model=>model.LoginName,htmlAttributes:new{@class=“controllabel col-md-2”})
@EditorFor(model=>model.LoginName)
@Html.ValidationMessageFor(model=>model.LoginName)
@LabelFor(model=>model.Password,htmlAttributes:new{@class=“controllabel col-md-2”})
@EditorFor(model=>model.Password)
@Html.ValidationMessageFor(model=>model.Password)
@LabelFor(model=>model.FirstName,htmlAttributes:new{@class=“controllabel col-md-2”})
@EditorFor(model=>model.FirstName)
@Html.ValidationMessageFor(model=>model.FirstName)
@LabelFor(model=>model.LastName,htmlAttributes:new{@class=“controllabel col-md-2”})
@EditorFor(model=>model.LastName)
@Html.ValidationMessageFor(model=>model.LastName)
@LabelFor(model=>model.Gender,htmlAttributes:new{@class=“controllabel col-md-2”})
@DropDownListFor(model=>model.Gender,新列表
{
新建SelectListItem{Text=“Male”,Value=“M”},
新建SelectListItem{Text=“Female”,Value=“F”}
},新的{@class=“form control”})
}
@ActionLink(“返回主目录”、“索引”、“主目录”、null、新的{@class=“btn btn primary”})
你能给我指一下正确的方向吗?万一有人想知道,我刚把“EditorFor”改为“TextboxFor”
@LabelFor(model=>model.LoginName,htmlAttributes:new{@class=“controllabel col-md-2”})
@EditorFor(model=>model.LoginName)
@Html.ValidationMessageFor(model=>model.LoginName)
您想在这里讨论什么主要是客户端问题-因此,请显示客户端代码,而不是服务器端代码,这里几乎没有人能够运行这些代码来重现您的问题。您的意思是什么?这就是我遇到问题的页面上的代码。我想这就是客户端将要看到的页面。不,这看起来像一些服务器端MVC模板代码。。。
<div class="form-group">
@Html.LabelFor(model => model.LoginName, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.LoginName)
@Html.ValidationMessageFor(model => model.LoginName)
</div>
</div>