css - 如何使用 Bootstrap 为所有元素制作全宽表单元素

Question

我有一个响应式 Bootstrap 表单 (v 2.3)。

您可以在 http://jsfiddle.net/uAKen/2/ 下找到示例.

如何使“文本 2”、“文本 3”和“选择 2”元素全宽，使其看起来像“文本 1”和“选择 1”。

我知道，“问题”来自输入附加/输入前置类，但我想要这些样式。例如:

<div class="input-append input-prepend span8">
    <span class="add-on">$</span>
    ...
    <span class="add-on">.00</span>
</div>

Answer 1

好的，所以我想我已经解决了这个问题:

http://jsfiddle.net/uAKen/3/

我不得不在表单字段周围添加一个额外的包装器。

<div class="input-wr">
...
</div>