css - 将引导程序属性继承到自定义类

Question

我希望我的自定义类pm_btn获得引导btn类所具有的所有属性。一种方法是使用btn类的实际源代码。但我相信必须有更好的方法。因此，我尝试了一些scss，其中继承属性非常简单且简单@extend，如下所示：

.pm_btn{
    @extends .btn;
}

但这会引发错误：

Error: The target selector was not found.
Use "@extend .btn !optional" to avoid this error.

我正在努力实现：将类引导程序应用于django-postman类。请建议我如何实现这一目标，如果我通过选择SCSS或我应该考虑其他方向而走在正确的轨道上。感谢您的宝贵时间。

score 0 · Accepted Answer

您可以使用引导 sass 文件和 @extends 关键字来扩展 .btn 类以满足您的需要，或者更容易地您可以编写一个单独的类并修改其属性以满足您的需要，您可以调用该样式以实现可重用性，例如

.button--custom {
  /* required properties here */
}

<button class="btn btn-primary text-light button--custom">my button</button>

您需要按给定的班级顺序打电话，否则它将不起作用

score 0 · Accepted Answer

不确定你的工具设置是什么，但如果允许的话，Bootstrap 有一个 Sass 版本你可以使用。这将允许您使用自己的自定义类扩展引导程序的功能。

2 回答 2