html - 我可以在 CSS3 中禁用 div 换行吗？引导程序

Question

现在我有这样的代码，使用引导程序 2

<div class="row-fluid">
    <div class="span4">Some text 1</div>
    <div class="span4">Some text 2</div>
    <div class="span4">Some text 3</div>
</div>
<div class="row-fluid">
    <div class="span4">Some text 4</div>
    <div class="span4">Some text 5</div>
    <div class="span4">Some text 6</div>
</div>

我可以在不更改代码的情况下获得 2 列中的 3 行吗？

我用于桌面的 3 列 2 行，在移动设备中需要 2 列和 3 行

---

我找到了它 http://jsfiddle.net/gkZKq/

Answer 1

你可以这样做：

.row-fluid { display: inline-block; width: 50%; float: left; }
.row-fluid [class*="span"] { float: none; margin-left: 0; }

http://jsfiddle.net/thespacebean/mDVfd/