什么是在Web应用程序项目中包含Bootstrap资源的一般最佳实践?

时间:2015-09-15 15:35:28

标签: css twitter-bootstrap web-applications ratchet-2

对于需要大量定制的网站,大多数人都会采用一种通用的方式来设计样式和功能吗?如何在项目中包含Bootstrap资源?

  1. 使用源,自定义SCSS变量,删除未使用的JS模块
  2. 使用Compiled&缩小资源,通过项目级CSS覆盖样式

1 个答案:

答案 0 :(得分:1)

这取决于你的意思重,'重...' ...

在很多项目中,我将完整地使用缩小的CSS源,并使用我自己的项目SCSS覆盖一些样式,我使用gulp构建过程进行编译。

如果您主要打算改变颜色,边框样式等,而不是从根本上改变组件,这是最简单和最好的。

在需要更多基本差异的稀有项目中,我将手工制作大部分SCSS,并从源头中删除我想要使用的Bootstrap的一些部分。

这种方法更加耗费人力,只有在绝大多数Bootstrap代码冗余或与我自己的代码冲突时才会这样做。

对于JavaScript,我倾向于不使用Bootstrap,因为我通常编写或包含来自其他来源的Angular指令,但这恰好适合我的特定工作流和堆栈选择。

如果你想减少臃肿的数量,很容易从Bootstrap的源代码中删除未使用的JavaScript。