2017-08-29 11 views
1

私はそれにたくさんのブートストラップを入れて、厄介なプロジェクトを手にしています。問題は、私は特定の1024pxでロックする必要があり、私はどのように考えることができません。私は1024pxでボディをロックしていますが、ブートストラップはまだ幅に関するレイアウトを変更しています。それだけではそれ以上適応しないため、すべての列クラスを削除することはできません。最小限の幅でブートストラップを停止

これを達成するためにどのようなアイデアを使用できますか?

+1

これまでにお試しいただいたことをお聞かせください。 –

+0

私はCSSの最小幅の値を追加し、LGクラスがxsであり、他のものを削除することを宣言することから始めました。しかし、それはすべてを破り始めた。 –

+1

問題を示すコードの最小限の例を掲載してください – ZimSystem

答えて

1

ブートストラップは、モバイルではなく、スケールアップするように設計されています。

これは、あなた自身のCSSファイルに固定値をたくさん入れて、1024より下のブートストラップメディアのクエリを上書きすることによって逆にすることができます。これは、ブートストラップのモバイルの最初のデザインを逆転させるので、

+0

だから私はすべてを元に戻す必要がありますか? –

1

これはalready asked on SOであり、ブートストラップ3を応答しないようにする手順は、described in the docsです。あなたのケースでは、これらの列が縦に積み重なり、「レイアウトを変更する」ために、col-xs-*クラスを使用するだけで動作するように思えます。ドキュメントから:グリッドレイアウトの

、に加えて.COL-XS- *クラスを使用し、または中/大規模なものの代わり インチ超小型デバイスグリッド はすべての解像度に対応していますので、ご安心ください。

https://www.codeply.com/go/g1dEHU6EOX

2

代わりに、元の/正規の一つで独自にカスタマイズしたブートストラップCSS(create one here) を使用することができます。 「Media queries breakpoints」セクションでは、@screen-xs,@screen-sm@screen-mdからに変更し、カスタマイズしたバージョンをダウンロードしてください。

関連する問題