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

时间:2013-09-13 12:40:16

标签: css twitter-bootstrap

我有一个响应式引导程序表单(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>

1 个答案:

答案 0 :(得分:1)

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

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

我必须在表单字段中添加一个额外的包装器。

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