0

今、私はそのようなコードを持っています.bootstrap 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/

4

1 に答える 1

1

あなたがすることができます：

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

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

于 2013-10-20T13:05:38.133 に答える