Ich arbeite an Bootstrap und versuchen, eine div volle Breite (12 Gitter) auf dem Handy zu machen.Bootstrap volle Gitterbreite
<div class="col-md-9"></div>
Ich will es 9 auf md aber 12 auf xs sein. Wie würde man das machen?
Sie müssen eine andere Klasse für Handys verwenden. Wenn sie sm oder xs:
<div class="col-md-9 col-xs-12"></div>
Wenn Sie col-sm-12 verwenden, zeigt es in 9-Gitter in Desktop-und Vollraster auf Geräten, die sm verwenden. Auch, wenn Sie 100% Breite benötigen, ich denke, das ist die Frage über, könnten Sie erwägen, nicht Ihr Element in .container* Klasse zu wickeln.
FYI, von den docs:
sm - Kleingeräte Tablets (≥768px)xs - Extra kleine Geräte Telefone (< 768px)Vielleicht wäre es gut, die Spaltenklassen vom kleinsten zum größten zu setzen, da bootstrap zuerst mobil ist - wie sie es in der [docs] verwenden (http: // getbootstrap .com/css/# Gitter-Beispiel-gemischt). – Vucko
@Vucko Sicher. Aber das macht nichts. '
' ist das selbe wie ''. Die CSS-Definition entscheidet über alles. ':)' –Ich weiß es ist egal, aber sagen wir es ist "best practice" :) (atleast für meine und meine OCD: D) – Vucko
Wie Sie sagen, Sie wollen 12 in xs dann füge diese Klasse hinzu
<div class="col-md-9 col-xs-12"></div>
versuchen '
' –Normalerweise wird es wie '
' sein. Das LG ist für große Bildschirme und MD für mittlere. Für Handys sollte es col-sm-12 –