Bisakah saya membangun kueri media menggunakan @include media-breakpoint-up(900px) dalam bootstrap 4?

Misalnya jika saya menggunakan:

@include media-breakpoint-up(900px){
   body: border 2px solid;
}

Output dalam .css akan tanpa kueri media - & gt; seperti ini

Atau dapat dilakukan hanya dengan menciptakan breakpoint baru:

$grid-breakpoints: (
    // default breakpoints

    custom-lg: 90px,
);

Dan menggunakan seperti

@include media-breakpoint-up(custom-lg){
   body: border 2px solid;
}
2
Evgenij 9 अक्टूबर 2020, 14:14

1 उत्तर

सबसे बढ़िया उत्तर

Jika melihat mixin media-breakpoint-up, Anda akan melihatnya mengharapkan parameter $name, yang merupakan nama breakpoint, tidak nilai piksel ..

@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
    ...
}

Tetapi Anda dapat lulus dalam peta alternatif $ breakpoint (param 2) dengan nilai baru untuk lg ...

@include media-breakpoint-up(lg,(lg:900px)){
   body { 
       border: solid red 2px;
   }
}

कोड से

Terkait: bootstrap 4 Ubah breakpoints

1
Zim 9 अक्टूबर 2020, 13:20