如何解决如何在 Bootstrap 中添加实用程序类?
按照 Bootstrap v5 中的文档 here,我尝试使用 scss 添加游标实用程序类。我先加载了 _utilities.scss,然后我有这个(根据文档):
@import "bootstrap/scss/utilities";
$utilities: map-merge(
$utilities,(
"cursor": (
property: cursor,class: cursor,responsive: true,values: auto pointer grab,)
)
);
然后我将这个类添加到我的元素中:
<a href="#" class="cursor-grab">Grab this</a>
然而,在 CSS 输出中找不到 cursor-grab 类。知道我做错了什么吗?
解决方法
我已经回答了similar question。 @import "bootstrap" 需要遵循更改。 utilities
文件需要 variables
文件,而 variables
文件需要 functions
文件,因此您必须在更改前@import all 3:
@import "functions";
@import "variables";
@import "utilities";
$utilities: map-merge(
$utilities,(
"cursor": (
property: cursor,class: cursor,responsive: true,values: auto pointer grab,)
)
);
@import "bootstrap";
Bootstrap 5 仍处于测试阶段。按照此 issue report 标记进度。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。