1

私はこれまでFoundationしか使用したことがないため、TwitterBootstrap2を使用するのは比較的新しいです。方法がわからないのは、小さい解像度でスタッキングを制御することです。

使用している3列のレイアウト、2つのサイドバー、およびコンテンツ領域があります。そのように見えます：

| Sidebar 1 |   |   Content     |   | Sidebar 2 |

ただし、解像度が小さい場合は、次のように列をスタックする必要があります。

|  Content  |
| Sidebar 1 |
| Sidebar 2 |

Bootstrapでこのようなスタッキングを制御する唯一の方法は、pull-leftまたはpull-rightを使用することです。より良い方法はありますか、それともBootstrapでこれを行うことさえ可能ですか？

ありがとう！

4

2 に答える 2

1

スタックの順序を制御するメカニズムはBootstrapに組み込まれていません。要素は、HTMLに表示される順序でスタックされます。必要な動作を実現している
場合は、JavaScriptを使用せずにそれが最善の策です。.pull-left.pull-right

于 2012-10-17T19:31:42.727 に答える
1

私はちょうど同じことをする方法を考えていました、そしてここにコードがあります：

<div class="container">
  <div class="row">
    <div class="span9">
      <div class="row">
        <div class="span6 pull-right">Content</div>
        <div class="span3 pull-left">Sidebar 1</div>
      </div>
    </div>
    <div class="span3">Sidebar 2</div>
  </div>
</div>

Blueprint CSSクラスでこれと同じ「トリック」のバッグを使用しましたが、最近Bootstrapに変換し、変換を行っています。すみません、少し遅れました。

于 2013-01-09T03:57:42.333 に答える