1

我正在寻找是否有人有一个干净的解决方案来防止淘汰赛将我的表单输入（使用 span* 类样式化）在流体设计中变成 100% 的宽度。

当我低于 979 像素时，我所有的 span 元素（即 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>

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

4

1 回答 1

1

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

于 2013-04-16T09:14:27.593 回答