twitter-bootstrap - 引导水平表单“控制标签”不使用响应式样式

Question

我在 Bootstrap 2 中使用“form-horizo​​ntal”类，但我的标签似乎没有使用响应式样式。这是它的样子：

当我检查它时，它的标签上特别有“宽度：160px”，这是常规的引导设置，但响应式样式只有“宽度：自动”。

我该部分的 HTML 如下所示：

<form id="addproject" class="form-horizontal">
    <div class="control-group">
        <label for="title" class="control-label">Title</label>
        <div class="controls">
            <input type="text" name="title" id="title" />
        </div>
    </div>
</form>

Answer 1

.control-label 仅在 responsive.css 中为 (max-width: 480px) 指定。你试过缩小宽度吗？当我使用表单时，它们在 480 像素之前看起来像您的示例，此时标签移动到输入字段上方。

Answer 2

bootstrap.css必须在文件之前加载bootstrap-responsive.css。

Answer 3

如果您想在添加课程时进行更改

<input type="text" name="title" id="title" class="span3" />

另一种解决方案是直接指定样式ID宽度：auto

#title {
    width_auto;
}

请记住，您的新样式应该在引导 css 之后