0

responsiveTwitterBootstrap2.3のレイアウトを使用しています。2つのspan9 row-fluiddivを含むdivがありspan4ます。

画面の流動性をテストするために、ウィンドウを縮小しています。span4右が左と重なる特定のポイントがありspan4ます。ウィンドウを縮小し続けると、適切にスタックされます。ただし、オーバーラップする前に適切にスタックする必要があります。Bootstrapに組み込みたい機能はありますか？それが正しく行われていませんか？

もちろん、どんな助けでも大歓迎です！

4

1 に答える 1

2

ブートストラップレスポンシブcssを使用していることと、HTMLにブリップがないことを再確認してください。私はあなたのレイアウトを完全には明確にしませんが、ここに何か近いものの実用的な例があります：http: //jsfiddle.net/panchroma/RMUmW/

HTML

<div class="container">
    <div class="row-fluid">
        <div class="span9">
            <div class="row-fluid">
                <div class="span4">
                    nested span4
                </div>
                 <div class="span4">
                    nested span4
                </div>
                 <div class="span4">
                    nested span4
                </div>

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

        </div> <!-- end span9 -->
        <div class="span3">
            span 3
        </div> <!-- end span3 -->
    </div><!-- end row -->

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

幸運を！

于 2013-02-20T21:11:48.217 に答える