asp.net-mvc – 在默认的asp.net mvc 5模板中输入-group-addon之
发布时间:2020-12-16 04:35:26 所属栏目:asp.Net 来源:网络整理
导读:如何重现: 创建新的ASP.Net MVC项目 添加模型 添加带有脚手架视图的控制器 在浏览器中打开Create.cshtml,然后使用firebug或开发人员工具更改任何“表单组”: 来自: div class="form-group" label class="control-label col-md-2" for="Name"Name/label di
如何重现:
>创建新的ASP.Net MVC项目 来自: <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” 结果非常奇怪,它看起来像这样: 但正确的结果是这样的: 这是ASP.Net MVC 5默认模板的错误还是什么? 解决方法
这是bootstrap css和microsoft默认样式之间交互的有趣bug.
请参阅默认的css文件“Site.css”并在注释后删除块在表单输入元素上设置宽度,因为默认情况下它们是100%宽,其中在输入上设置max-width属性. 如果你想按大小限制输入,你应该通过bootstrap的col-md -…类来完成. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- asp.net – 没有参数的WebResource.axd请求 – 这是一个无效
- ASP.NET是多线程的(它如何执行请求)
- asp.net-mvc-3 – 为什么ValidationSummary(true)显示属性错
- asp.net-mvc – 如何自定义简单的成员资格提供者来处理我自
- asp.net core 使用中间件拦截请求和返回数据,并对数据进行
- asp.net-mvc – MVC 5 Bundle错误
- asp.net-mvc – Web路由如何工作?
- asp.net-mvc-4 – MVC 4 DropDownListFor错误 – 没有具有密
- asp.net-mvc – MVC 5渲染视图到字符串
- asp.net-mvc-3 – URL路径参数用例
推荐文章
站长推荐
- asp.net – 隐藏字段vs viewstate
- asp.net-mvc-4 – MVC4/DotNetOpenAuth中的自定义
- asp.net – 如何在CORS中解决’预检无效(重定向)
- .net – 在.aspx页面上引用代码隐藏属性?
- asp.net-mvc – EF映射对象不兼容的数据读取器异
- 连接到报表服务器的尝试失败 – 在ASP.NET中设置
- asp.net-mvc – 具有嵌套视图模型和Knockout的AS
- asp.net-mvc – ASP.NET MVC – 出错时的声明性重
- asp.net – 有没有更好的方法将ClientID转换为外
- asp.net – 安装MvcScaffolding包时的NuGet执行策
热点阅读