2

私は Twitter Bootstrap フレームワークとフラット UI に慣れようとしていますが、レスポンシブ レイアウトで予期しない機能がいくつかあります。これらの参照を削除しても同じことが起こるので、問題は Flat UI が原因ではないと思います。

class="span6" を使用して両方とも幅が 50% の 2 つの列があります。フルスクリーン (大きなモニター) では、デザインは期待どおりに見えますが、ブラウザーの幅をゆっくりと小さくすると、列がフロートからスタックに変わり、次にフロートに戻り、最後に再びスタックに戻ります! 画面の幅が十分になくなるまでフロートしたままにしてからスタックに変更すると、複数の変更を理解できなくなると思います。私はここで小さなデモをセットアップしました。

これが起こる理由を誰か教えてください。

ありがとう！

4

1 に答える 1

1

bootstrap.css には 3.0.0 バージョンのブートストラップを、bootstrap-responsive.css には 2.3.2 を使用しています。

Bootstrap 3.0 では、CSS での span* の使用が廃止されました。bootstrap.css にも 2.3.2 をダウンロードして使用する必要があります (span* などを使用する場合)。

ここから 2.3.2 の bootstrap.css を取得できます。これを使用して、現在使用している 3.0.0 の bootstrap.css を置き換える必要があります。

于 2013-09-11T13:03:46.113 に答える