如何使用更少的外部CSS文件添加类

Question

我对编程和标记语言还比较陌生。

是否有一种方法可以从外部CSS文件中少添加类？

/* this is in a single less file */
.foo {
     color: blue;
}

    h1 {
        .foo;   /* works just fine and turns my h1 html tag blue*/
    }


    /* now if want to add (for examlpe) a bootstrap class in my less file like so*/

    @import "bootstrap.css"; /*it is in the same folder as my less file */

    h1 {
       .text-danger; /*throws an error */
    }

这将使我的h1标签变成红色，因为我导入了bootstrap.css文件。 现在，我尝试通过创建自己的css文件并将其导入到我的less文件中，然后执行相同的操作，但是它也不起作用。

我在做什么错了？