表单 – Twitter Bootstrap表单:使标签列更宽

表单 – Twitter Bootstrap表单:使标签列更宽,第1张

概述问题是关于Twitter Bootstrap表单.有人现在有什么建议的方式来获得左栏(标签)宽于140px?在移动设备上看起来也很重要. 感谢您的建议. 在Bootstrap v2.1.1中,.control-label宽度在forms.less中定义,如下所示: .form-horizontal{ .control-label { width: @horizon 问题是关于Twitter bootstrap表单.有人现在有什么建议的方式来获得左栏(标签)宽于140px?在移动设备上看起来也很重要.

感谢您的建议.

解决方法 在bootstrap v2.1.1中,.control-label宽度在forms.less中定义,如下所示:
.form-horizontal{    .control-label    {        wIDth: @horizontalComponentOffset - 20;    }}

导入引导变量后,您可以覆盖项目的LESS代码中的@horizo​​ntalComponentOffset变量定义.如果您需要特定页面,请在该页面的LESS中进行.否则,添加一个通用导入,或更好的是,您自己的无变量的文件,旨在覆盖bootstrap的预定义变量.

就移动而言,如果需要,您可以使用media queries为移动设备提供不同的@horizo​​ntalComponentOffset值.

总结

以上是内存溢出为你收集整理的表单 – Twitter Bootstrap表单:使标签列更宽全部内容,希望文章能够帮你解决表单 – Twitter Bootstrap表单:使标签列更宽所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1102819.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存