2

Bootstrap を使用して、左右のサイドバーの 3 列のレイアウトで、css を編集して両方のサイドバーの上にメイン コンテンツを配置する方法がわかりません。方法を教えてください。ありがとうございます。

次のコードを試しましたが、機能しません:

<div class="row">
  <div class="span6">
    main content
  </div>
  <div class="span3 pull-left">
    left bar
  </div>
  <div class="span3 pull-right">
    right bar
  </div>
</div>

それを行う方法を教えてください、ありがとう。

4

1 に答える 1

1

EDIT以下の解決策は、Bootstrap 2 を使用していた元の質問を参照しています

解決策の一部は、メイン コンテンツでプル ライトを使用することですが、これだけを行うと、メイン コンテンツがウィンドウの右端にフロートします。

完全な解決策は、ネストされたグリッドをメイン コンテンツと左バーにも使用して、プルライトが含まれるようにすることです。

このライブを参照してください: http://jsfiddle.net/panchroma/mU2zu/

HTML 

<div class="container">

<div class="row">

       <div class="span9">
           <div class="row">
         <div class="span6 pull-right">main content</div>

          <div class="span3">left bar</div>
           </div><!-- end nested row -->
    </div><!-- end span9 -->

        <div class="span3">right bar</div>

    </div><!-- end parent row-->

 </div><!-- end container -->

幸運を！

于 2013-02-13T23:31:05.677 に答える