如何重现:
来自:
<div class="form-group">
<label class="control-label col-md-2" for="Name">Name</label>
<div class="col-md-10">
<input name="Name" class="form-control text-box single-line" id="Name" type="text" value="">
</div>
<span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="Name"></span>
</div>
Run Code Online (Sandbox Code Playgroud)
至 :
<div class="form-group">
<label class="control-label col-md-2" for="Title">Title2</label>
<div class="col-md-10">
<div class="input-group">
<input name="Title" class="form-control text-box single-line" id="Title" type="text" value="">
<span class="input-group-addon">@</span>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我们只是将"input"放在"div"中,并使用"class ='input-group'"并添加"input-group-addon"
结果非常奇怪,看起来像这样:http: //i.imgur.com/ylpYJKh.png
但正确的结果是:http: //jsfiddle.net/6t3d9z8e/
这是ASP.Net MVC 5默认模板的一个错误还是什么?
asp.net-mvc twitter-bootstrap asp.net-mvc-5 twitter-bootstrap-3