Kann ich einen Befehl machen, der Col-Offset immer 1 auf jeder Bildschirmgröße im Bootstrap ist?

Question

Nehmen wir an, ich möchte ein Element mit äquivalenten Offset alle auf den Bildschirmgrößen machen. Ich sah nur Beispiele, wo Menschen die Größe konkret wie eingestellt: col-offset-md-2

Was ist, wenn ich so etwas tun möchte?

<div class="col-xs-3 col-md-3 col-lg-3 col-xl-3 col-offset-xs-1 col-offset-md-1 etc..."> 

Wie Sie sehen können, ist es keine nette Lösung, die Linien werden zu groß. Kann ich den Befehl geben, den Offset immer 1 auf jeder Bildschirmgröße zu haben? Etwas wie folgt aus:

<div class="col-xs-3 col-md-3 col-lg-3 col-xl-3 col-offset-1"> 

Answer 1

Sie können col-xs-offset-1 verwenden, um alle Spaltengröße von einem zu kompensieren.

Hinweis: Die Art, wie Sie den Spaltenoffset col-offset-xs-1 schreiben, ist ebenfalls nicht korrekt. Hier

ein Beispiel:

<div class="row" style="background-color:#A9A9A9;"> 
    <div class="col-xs-3 col-md-3 col-lg-3 col-xl-3 col-xs-offset-1" style="background-color:#6495ED;"> 
    Offset Every Column By 1 
    </div> 
</div>