Spaltennummer in Breakpoints ändern

Shopware 6 (German)
1

Hallo, ich habe mein footer verändert, in Desktop bekomme diesen Bild,

dektop
dektop1402×310 59.9 KB

aber in Smartphone bekommt,

smartphone
smartphone432×316 17.3 KB

In mein selbst Theme habe dieses div <div class="col-md-4 footer-column js-footer-column"> gegeben

ich versuche in scss eine Breakpoints das der Große von col-md-4 nach col-md-3 für Smartphone weschsel, weil mit diesem parameter bekommt wie ich möchte habe,

smarphone2
smarphone2521×533 57.2 KB

Das Probleme ich nicht Schaffen… :frowning:

Beispiel habe mit diesen Code die von Bootraps kommt,

@include media-breakpoint-up(sm) {
        @include make-col(3);
}

aber bekommt keine Veränderung…

2

ich habe eine Lösung für diesem Probleme

Ich habe eine neue Datei wie Bootstrap sagt in scss/_variables.scs, habe in xs die Parameter 400px gegeben, weil Bootstrap hat keine.

Dann in meinen scss Datei wo meinen Breakpoints geschriebe habe,

@include media-breakpoint-only(xs)  {

        .col-md-4 {
         
                display: block;
                flex-basis: 100%;
                       
               } 
}

und bekommt wie ich möchte habe…