メディアブレークポイントをブートストラップ4まで含めるには？

Question

ブートストラップ4までのメディアブレークポイントを含めるにはどうすればよいですか？

私が試していた場合：

@include media-breakpoint-up(sm) { 
    html { 
    font-size: 16px; 
    } 
} 

を、私はエラーを持っている：

エラー：未定義のmixin 'メディア・ブレークポイントアップ' を。ライン14 .......

に私は、ファイルが含まにより、ブートストラップ4を使用します。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js" integrity="VjEeINv9OSwtWFLAtmc4JCtEJXXBub00gtSnszmspDLCtC0I4z4nqz7rEFbIZLLU" crossorigin="anonymous"></script> 

Answer 1

あなたが共有していることはSASS、CSSの機能を拡張CSSプリプロセッサ言語です。 "vanilla" CSSではありません。

@include media-breakpoint-upは、SASSからCSSにコンパイルする必要があります。ここにhow to install SASSがあるので、SASSをCSSに変換することができます。

と個人的にはGruntを使用して、私が開発している間に自動的にCSSを構築するためのSASSファイルの変更を監視します。

Answer 2

あなたはブートストラップを使用している場合はCSSの構文に

@media (min-width: 768px) { 
    html { 
    font-size: 16px; 
    } 
} 

Answer 3

を使用する必要があり、私はそれが私がブレークポイント機能を使用するために必要なSCSSファイルにbreakpoint.scssファイルをインポートして働かせた。私にとって、それwas： @import "node-modules/bootstrap/aces/mixins/breakpoints.scss