Wie man col-sm und col-xs im Bootstrap 3 deaktiviert.

Question

Hallo Ich erstelle eine Vorlage in Bootstrap 3. Bevor ich geplant war, es für alle Geräte reaktionsfähig zu machen, aber jetzt änderte sich. Vorlage ist bereits fertig.

Ich habe Col-MD in jeder Zeile verwendet. Jetzt möchte ich, dass, wenn Seite mit weniger als 1100px Seite scroll-x geht. Ich möchte vollständige col-sm und col-xs deaktivieren,

Ich habe bereits Meta entfernen.

Aber immer noch, wenn die Seitenbreite zu kleinen Bildschirm als 1100px kommen, brechen sie zu Col-Sm und dann Col-Xs. Ich möchte minimale Breite von Seite 1100px. Nein, auf welchem ​​Gerät es surft.

Danke

Answer 1

Ihre eigenen Bootstrap CSS erstellen und die zu einer Vielzahl von Designs Medienabfrage Stützpunkte ändern.

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

• die negative, nicht in der Lage ist, eine CDN zu verknüpfen.
• der positive, nicht extra Code schreiben.

Answer 2

Wenn Sie eine lokale Kopie von Bootstrap in Ihrem Web bekommen, ist eine Möglichkeit, die Breite der Medienabfrage zu ändern, die die Größe steuern, wo col-md beginnt, zum Beispiel:

@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; 
    } 
.... 
} 

Dies ist Ein schneller Weg, um es zu tun, ist sowieso besser, Ihren eigenen Boostrap anzupassen.