2

2列のレイアウトがあり、最初の列にはサブ列があります。だから次のようなもの:

<div class="row">
  <div class="span8">
    <div class="row">
      <div class="span1"></div>
      <div class="span4"></div>
      <div class="span1"></div>
      <div class="span1"></div>
      <div class="span1"></div>
    </div>
  </div>
  <div class="span4">
  </div>
</div>

ページのサイズを小さくする場合は、外側の2つの列を重ねて表示しますが、内側の列は常に同じ行に配置する必要があるため、つまり、ページのサイズがサイズ変更された後は、 span8は、水平スクロールバーを導入します。

これは可能ですか?

4

1 に答える 1

0
<div class="row">
  <div class="span8 container-fluid">
    <div class="row-fluid">
      <div class="span1 offset2"></div>
      <div class="span4"></div>
      <div class="span1"></div>
      <div class="span1"></div>
      <div class="span1"></div>
    </div>
  </div>
  <div class="span4">
  </div>
</div>

span8 内で可変レイアウトを使用する場合、その中のコンテンツは同じ行にとどまる必要があります。

そして、あなたが気づいているかどうかはわかりませんが、たとえそれが span8 であっても、行は常に 12 列です。

私が何を意味するか知っていることを願っています。私の悪い英語でごめんなさい。

于 2013-02-19T10:38:53.590 に答える