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

Question

我有一个响应式引导表单（v 2.3）。

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

我怎样才能使“文本 2”、“文本 3”和“选择 2”元素全宽，所以看起来像“文本 1”和“选择 1”。

我知道，“问题”来自 input-append/input-prepend 类，但我想拥有这些样式。例如：

<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>