SpanがBootstrapで壊れている理由

debugcn 投稿 Dev

KrisB

ブートストラップを使ってウェブサイトを作ろうとしていました。メインコンテンツ領域[Span5、Span5、Sidebar Span2]にいくつかのスパンを追加しようとすると、サイドバーが壊れて次の行に移動し、CSSとブラウザーのプレビューを添付しています。

誰かがこの点で私を助けなければならないならそれは素晴らしいでしょう

CSSコード：

<div class="container">

  <div class="content-box">

  <div class="row">
    <div class="span12">
      <div class="span5">
        Column1
      </div>
      <div class="span5">
        Column2
      </div>
      <div class="span2">
        Sidebar
      </div>

    </div>
  </div><!-- End of "Row" -->

</div><!-- End of "Content Box" -->

</div><!-- End of "Container" -->

どうもありがとう

Teekeybee

ジュリアンヴィニョール

Bootstrap2では、ネストさspanれたをrowクラスでラップする必要があります。

<div class="container">
    <div class="content-box">
        <div class="row">
            <div class="span12">
                <div class="row"><!-- row for nested spans -->
                    <div class="span5">Column1</div>
                    <div class="span5">Column2</div>
                    <div class="span2">Sidebar</div>
                </div>
            </div>
        </div>
    </div>
</div>

あなたの場合、私はあなたspan12が役に立たないと思うので、私は提案します：

<div class="container">
    <div class="content-box">
        <div class="row">
            <div class="span5">Column1</div>
            <div class="span5">Column2</div>
            <div class="span2">Sidebar</div>
        </div>
    </div>
</div>

ドキュメント（「ネストされた列」の部分）を見てください：http：//getbootstrap.com/2.3.2/scaffolding.html#gridSystem

お役に立てれば！

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]