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

前端之家收集整理的这篇文章主要介绍了表单 – Twitter Bootstrap表单:使标签列更宽前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
问题是关于Twitter Bootstrap表单.有人现在有什么建议的方式来获得左栏(标签)宽于140px?在移动设备上看起来也很重要.

感谢您的建议.

解决方法

在Bootstrap v2.1.1中,.control-label宽度在forms.less中定义,如下所示:
  1. .form-horizontal
  2. {
  3. .control-label
  4. {
  5. width: @horizontalComponentOffset - 20;
  6. }
  7. }

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

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

猜你在找的HTML相关文章