问题标签 [itcss]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
29 浏览

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

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

我的方法遵循以下需求:

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

我的做法是:

  1. 尽可能多地处理对 ITCSS 的依赖,作为我的表示层的抽象。
  2. 通用 ITCSS 层中的主题引导程序如下:
  1. 如果需要定义任何体现(部分或完全)任何 Bootstrap 类的类,我使用@extend,例如:

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