0

我目前正在使用 Twitter Bootstrap 创建表单。

为了设置文件输入的样式,我使用了 input-append:

<div class="input-append">
    <input type="text" name="product[picture]-input" id="picture" readonly="readonly" placeholder="Produktbild (optional)">
    <button class="btn" id="picture-reset" type="button"><i class="icon-remove"></i></button>
    <button class="btn" id="picture-select" type="button">...</button>
</div>

但我没有让样式适合其他输入。我正在使用响应式设计,并尝试了相对尺寸

class="input-medium"

或网格大小

class="span4"

但似乎 input-append 没有优化。你可以在这里看到完整的代码:

http://jsfiddle.net/6cvYr/

这里有一些屏幕尺寸不同的屏幕,每种尺寸都不适合:

https://drive.google.com/folderview?id=0ByywF8ZXCU9kbTdUZ1N6bkxodGs&usp=sharing

有任何想法吗?

4

0 回答 0