css - Twitterのブートストラップ列のサイズ変更

Question

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は、水平スクロールバーを導入します。

これは可能ですか？

Answer 1

<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 列です。

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