2017-05-22 6 views
0

こんにちは私はブートストラップ3でテンプレートを作成しています。 テンプレートは既に完成しています。ブートストラップ3でcol-smとcol-xsを無効にする方法

私は各行にcol-mdを使用しました。 今私は、ページが1100px未満のページになる場合は、scroll-xする必要があります。 完全なcol-smとcol-xsを無効にしたい場合は、

私はすでにメタを削除しています。

しかし、まだページ幅が1100pxよりも小さい画面になると、col-smとcol-xsに分割されます。 ページの最小幅を1100ピクセルにします。どのデバイス上でブラウズするのかはまったくありません。

+0

新しいブートストラップを作成したくありませんでした。私はcol-smとcol-xsを無効にしたいだけです。私は自分のウェブページをcol-mdより小さな画面にしたくないのですが、 –

答えて

0

独自のブートストラップCSSを作成し、お好みに合わせてメディアクエリブレークポイントを変更していただきありがとうございます。

http://getbootstrap.com/customize/#media-queries-breakpoints

  • 負、CDNをリンクすることができません。
  • 正の値で、余分なコードは書きません。
  • あなたのWebにブートストラップのローカルコピーを持っている場合、一つの方法は、例えば、COL-MDが開始サイズを制御するメディアクエリーの幅を変更している
+0

私は新しいブートストラップを作りたくありませんでした。私はcol-smとcol-xsを無効にしたいだけです。私は自分のウェブページをcol-mdより小さな画面にしたくないのですが、 –

+0

をCSSでオーバーライドする必要があります。それに対処する一般的な方法は、上記のリンクを使用して独自のbootstrap.cssファイルを生成することです。ホイールを再開発しようとすると、後で衝突するハックアンドスラッシュが保存されます。 – Stavm

0

@media (min-width: 300px) { 
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { 
    float: left; 
    } 
.... 
} 

ですそれを行うための速い方法は、とにかく自分のブーストラップをカスタマイズする方がいいです。

+0

新しいブートストラップを作成したくありませんでした。私はcol-smとcol-xsを無効にしたいだけです。私は私のウェブページがcol-mdよりも小さな画面に向かうことを望まない。 –

関連する問題