fügen Abstand zwischen zwei Bootstrap-Spalten bei der Anzeige in col-xs-12

Question

, wenn die Größe des Browsers auf die mobile Größe Bildschirm geändert wird, werden die beiden Spalten in der Eigenschaft von col-xs-12 ohne jede Lücke angezeigt.Kann jeder zeigen, wie repariere das? when viewed in large size

when viewed in small size

Answer 1

Sie können eine Medienabfrage Ihrer eigenen hinzufügen. So geben dem Boden eine eine Klasse wie „small-margin-top“ und dann fügen Sie diese CSS:

@media all and (max-width: 700px) { 
.small-margin-top{ 
    margin-top: 3em; 
    } 
} 

Passen Sie diese nach Ihren Wünschen und Vorgaben. Ich weiß, dass der Bootstrap "min-width" anstelle von "max-width" verwendet, wie ich es euch gezeigt habe. Also forschen Sie zu diesem Zweck, um sicherzustellen, dass es fließt, aber es sollte trotzdem funktionieren.