2017-12-11 4 views
0

Bootstrap 4 enthält die width classes:Gibt es eine Möglichkeit, bruchpunktspezifische Breitenklassen zu erhalten?

w-25 
w-50 
w-75 
w-100 

Ich möchte für bestimmte Haltepunkte nur Breiten angeben und oben; B. "w-md-25" usw.

Ist es möglich, solche Klassen in den SCSS-Dateien hinzuzufügen oder diese Funktionalität anderweitig zu erhalten?

+0

leicht genug sein sollten, um Ihre eigene SCSS hinzuzufügen, mit Bootstrap des '_sizing.scss' als Leitfaden. – Blazemonger

+0

Danke. Ich weiß nicht viel über Sass, aber mit deinem Kommentar (und ein bisschen herumstochern) konnte ich es herausfinden. – Matthew

Antwort

1

Habe es mit Blazemongers Hilfe herausgefunden. Ich habe diese auf meine custom.scss Datei, neu kompilierte, und es funktioniert wunderbar:

@each $breakpoint in map-keys($grid-breakpoints) { 
    @each $size, $length in $sizes { 
    @include media-breakpoint-up($breakpoint) { 
     .w-#{$breakpoint}-#{$size} {width: $length !important;} 
    } 
    } 
} 
Verwandte Themen