如何重现:
从 :
<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>
至 :
<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>
我们只是将“input”放在“div”中,“class='input-group'”并添加了一个“input-group-addon”
结果很奇怪,看起来像这样:
http://i.imgur.com/ylpYJKh.png
但正确的结果是这样的:
http://jsfiddle.net/6t3d9z8e/
这是 ASP.Net MVC 5 默认模板的错误还是什么?
最佳答案
Bootstrap css 和微软默认样式之间的交互是一个有趣的错误。
查看您的默认 css 文件“Site.css”并在评论后删除 block Set width on the form input elements since they're 100% wide by default
, 其中设置 max-width
输入属性。
如果您想按大小限制输入,您应该通过 Bootstrap 的 col-md-...
来执行此操作。类。
关于asp.net-mvc - 默认asp.net mvc 5模板中输入组插件之前的未知间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26507294/