2017-04-05 1 views
0

ブートストラップグリッド内にウェブページの内容があります。 1つのdiv(divDesktopDiv)はデスクトップビューで表示され、モバイルビュー(divMobileDiv)内の別のdivに置き換えられます。divの最小幅に基づいてブートストラップグリッドブレークポイントをトリガーする必要があります

現在の実装では、グリッドがモバイルビューにスナップしてdivMobileDivを表示する前に、divDesktopDivが隣接するdivにオーバーフローすることがあります。

divDesktopDivにmin-width attrを設定する方法はありますか?そのdivのmin-width attrがヒットしたときにブートストラップに次のブレークポイントビューを強制的に表示させる方法はありますか?私はすでにdivにmin-widthを明示的に設定しようとしましたが、次のブレークポイントをトリガーしません。 divを最小幅に保ちながらグリッドの残りの部分を縮小します。

答えて

0

Bootstrap documentation for responsive breakpointsをご覧ください。基本的に、@mediaクエリのブレークポイントを変更して、グリッドが重なる前にモバイルビューにスナップするようにすることができます。必要に応じて、ピクセルをより高い数値または低い数値に変更します。

関連する問題