環境
- bootstrap4
質問内容
_variables.scss
のブレイクポイントの変更による既存コードの影響範囲を教えていただきたいです。
_variables.scss
を編集し、ブレイクポイント test
を既存のブレイクポイントの間に設定しました。
scss:css
1$grid-breakpoints: ( 2 xs: 0, 3 sm: 576px, 4 md: 768px, 5 test: 900px, 6 lg: 992px, 7 xl: 1200px 8);
デフォルトのブレイクポイント間にブレイクポイントを追加することで、既存のコードに影響することが確認できました。
以下のようにmedia-breakpoint-down
を利用した場合、
@include media-breakpoint-down(md) { // }
デフォルトでは、
@media (max-width: 991.98px)
と反映されますが、
test
を追加後は、
@media (max-width: 899.98px)
と反映されるようになりました。
基本的には、ブレイクポイント以下と設定したコードを洗い出して修正するのがいいかと考えていますが、他に予想される影響する範囲がありましたら、わかる範囲でかまいませんので助言いただけると助かります。
あなたの回答
tips
プレビュー