防止输入扩展到twitter-bootstrap中的块

时间:2013-04-16 07:53:13

标签: twitter-bootstrap

我正在寻找是否有人有一个干净的解决方案,以防止敲门声将我的表格输入转换为使用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>

当我在平板电脑中查看时,我不希望这些元素叠加在一起。

1 个答案:

答案 0 :(得分:1)

您可以在 bootstrap-responsive.css 中的@media (max-width: 979px) { ...}下为输入标签定义自定义CSS,您可以根据需要定义宽度