forms - Twitter Bootstrap 表单 : Make label column wider

Question

问题是关于 Twitter Bootstrap 表单的。现在有人推荐让左列(带有标签)宽于 140px 的方法是什么？重要的是它在移动设备上也看起来不错。

感谢您的建议。

Answer 1

在 Bootstrap v2.1.1 中，.control-label宽度在 forms.less 中定义像这样:

.form-horizontal
{
    .control-label
    {
        width: @horizontalComponentOffset - 20;
    }
}

您可以覆盖 @horizontalComponentOffset导入 Bootstrap 的 variables.less 后，在项目的 LESS 代码中定义变量.如果您需要对特定页面进行此操作，请在该页面的 LESS 中执行此操作。否则，将它添加为一个普通的导入，或者更好的是，你自己的 variables.less旨在覆盖 Bootstrap 的预定义变量的文件。

就手机而言，您可以使用 media queries给不同的 @horizontalComponentOffset移动设备的值(value)(如果需要)。