我很难让Bootstrap的
button addons在我的MVC视图中工作.我正在使用最新的NuGet版本的ASP.NET MVC(5.1 rc1)和Bootstrap(3.03).
我在视图中有以下内容(现在我已经将其简化为手工编码的HTML而不是使用Html.EditorFor(),以试图让它工作):
@using (Html.BeginForm()) { @Html.AntiForgeryToken() <div class="form-horizontal"> @Html.ValidationSummary(true) <div class="row"> <div class="col-lg-6"> <div class="input-group"> <input type="text" class="form-control" /> <span class="input-group-btn"> <button class="btn btn-default" type="button">Go!</button> </span> </div> </div> <div class="col-lg-6"> </div> </div>
这会生成以下HTML:
<form action="xxx" method="post"> <input name="__RequestVerificationToken" type="hidden" value="T3k..." /> <div class="form-horizontal"> <div class="row"> <div class="col-lg-6"> <div class="input-group"> <input type="text" class="form-control" /> <span class="input-group-btn"> <button class="btn btn-default" type="button">Go!</button> </span> </div> </div> <div class="col-lg-6"> </div> </div> </div> </form>
问题是,当它在浏览器中显示时(Chrome 32 / IE 11),输入框和按钮之间存在很大差距.像这样:
如果我将输入组div周围的div的大小减小到col-lg-3或更小,那就没问题了.但任何大于此的东西都会留下空隙.
就好像输入的最大尺寸 – 实际上,我的所有输入似乎都小于它们的容器div …
可能是什么导致了这个?
解决方法
原文地址:https://www.jb51.cc/aspnet/248095.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。