您將Bootstrap 4 SCSS中的響應mixin放在哪裏？

Question

你把Bootstrap 4中的響應混合位置放在哪裏？ SCSS我嘗試在_custom.scss和mixins.scss但不工作。我使用的是提供混入由引導4一樣，

@include media-breakpoint-up(sm) { 
    .some-class { 
display: block; 
    } 
}  

Answer 1

你應該創造一個導入引導4首新的主SCSS文件，然後你的風格，如：

@import "path/to/bootstrap/scss/bootstrap"; 
@import "path/to/custom/scss/custom"; 

這樣您可以在您的custom.scss（或_custom.scss）中使用Bootstrap混搭。

（或者你可以把你的SCSS規則直接在這個文件中，而不是第二個進口，如果你想。）

然後，只需在您的網站上這個主文件的CSS結果。