我目前正在使用 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 没有优化。你可以在这里看到完整的代码:
这里有一些屏幕尺寸不同的屏幕,每种尺寸都不适合:
https://drive.google.com/folderview?id=0ByywF8ZXCU9kbTdUZ1N6bkxodGs&usp=sharing
有任何想法吗?