我正在寻找是否有人有一个干净的解决方案,以防止敲门声将我的表格输入转换为使用span *类进行流畅设计的宽度100%。
当我低于979像素时,我的所有量程元素(即span4)都变为100%宽度。这意味着我没有在平板电脑视图中使用风格很好的表单,而是拥有大量100%宽度的文本框。
我正在使用bootstrap-responsive.css
更新的HTML示例:
<div class="row-fluid">
<div class="span12">
<input type="text" class="span5" placeholder="First" />
<input type="text" class="span2" placeholder="Middle" />
<input type="text" class="span5" placeholder="Last" />
</div>
</div>
当我在平板电脑中查看时,我不希望这些元素叠加在一起。
答案 0 :(得分:1)
您可以在 bootstrap-responsive.css 中的@media (max-width: 979px) { ...}
下为输入标签定义自定义CSS,您可以根据需要定义宽度