According to the information provided on the official Bootstrap website:
Bootstrap writes its source CSS in Sass, making all media queries available via Sass mixins:
@include media-breakpoint-up(xs) { ... }
@include media-breakpoint-up(sm) { ... }
@include media-breakpoint-up(md) { ... }
@include media-breakpoint-up(lg) { ... }
@include media-breakpoint-up(xl) { ... }
// For example:
@include media-breakpoint-up(sm) {
.some-class {
display: block;
}
}
I am currently using SASS for my CSS and incorporating Bootstrap by linking them directly in the HTML.
However, when attempting to utilize a mixin like this in my SASS file:
@include media-breakpoint-up(xl) { ... }
An error is triggered:
Undefined Mixin Found
Presumably, this error occurs because my SASS file lacks awareness of Bootstrap as I solely include it in the HTML.
Is there a way to incorporate Bootstrap 4 into my SASS file as a partial? (Assuming that's necessary)
PS: My preference lies in integrating Bootstrap 4 without relying on Bower or RubyGems; just downloading the Bootstrap file and adding it to my SASS the conventional way - if such a method exists?