twitter-bootstrap - 使用 ITCSS 处理 Bootstrap 的选项

Question

我想将其带入讨论，以了解使用 ITCSS（使用 SCSS）处理 Bootstrap 的不同观点和方法。

我的方法遵循以下需求：

1. 尽可能避免直接在我的 HTML（无论是什么 SPA 框架）上使用 Bootstrap 类，如果 Bootstrap 有任何变化，我可以直接在我的 ITCSS 上处理这些，并且我的 HTML 永远不会受到影响。
2. 尽可能重用所有 Bootstrap 工件，如类、mixin 和函数。为了防止再次造轮子。

我的做法是：

1. 尽可能多地处理对 ITCSS 的依赖，作为我的表示层的抽象。
2. 通用 ITCSS 层中的主题引导程序如下：

@forward "~bootstrap/scss/bootstrap" with (
    // ... all my settings to override required Bootstrap variables
);

3. 如果需要定义任何体现（部分或完全）任何 Bootstrap 类的类，我使用@extend，例如：

.o-btn {
    // my own style properties

    &--primary {
        @extend .btn-primary;
    }

    &--light {
        @extend .btn-light;
    }
}

这是一个好方法吗？还有其他方法吗？