3

アプリケーションはレスポンシブである必要があり、ページの1つには、span4x3を使用した3列のレイアウトがあります。

すべて正常に動作しますが、iPadのサイズ設定に到達したときの応答性について質問があります。列は3列から1列になり、列が3列から2列に折りたたまれ、最後に1列のレイアウトに折りたたまれる方が理にかなっています。

ドキュメントで何かを見逃したことがありますか、それともこれは意図したとおりに機能していますか？でも、できれば崩れ始めたら2列に行きたいです。

どんな助けでも大歓迎です。

4

1 に答える 1

4

ブートストラップは意図したとおりに機能しています。この動作の考え方を上書きして、たとえば ipad 用のカスタムのレスポンシブ デザインを作成できます。このようなもの：

/* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
    @media (max-width: 767px) { ... }

ブートストラップ .less を直接上書きすることはお勧めしません。サイド バージョンを作成@importして .less ファイルで使用するだけです。

お役に立てれば。

于 2012-11-19T11:36:45.840 に答える