gpt4 book ai didi

html - 如何在 SASS 中使用 Bootstrap 4 媒体断点?

转载 作者:可可西里 更新时间:2023-11-01 15:02:23 27 4
gpt4 key购买 nike

<分区>

官方上bootstrap website它说:

Since we write our source CSS in Sass, all our media queries are 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) { ... }

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

现在,我正在为我的 CSS 使用 SASS,我也在使用 Bootstrap,但我只是通过将它们包含在 HTML 中来结合这两者。

当我尝试在我的 SASS 文件中做这样的事情时:

@include media-breakpoint-up(xl) { ... }

我得到一个错误:

Undefined Mixin

我猜这是因为我的 SASS 文件不知道 Bootstrap,因为我只在 HTML 中包含了 Bootstrap。

如何将 Bootstrap 4 作为部分文件包含到我的 SASS 文件中? (我想这就是我必须做的......)

PS:我正在使用 Bootstrap 4,我更喜欢不需要 Bower 或 RubyGems 等的解决方案,只需下载 Bootstrap 文件并以老式方式将其包含到我的 SASS 中 - 如果可能的话全部?

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com