为什么我不再使用 Bootstrap。

对于许多 Web 开发者来说，Bootstrap 是创建网站或应用的不二之选。但在我做网站的五年里，我发现了一些事情，让我彻底改变了使用 Bootstrap 的决定，几乎彻底改变了我创建网站的方式。

大家好！我叫 Codedgar，今天我想聊聊为什么我不再使用 Bootstrap。最近，我的学生、同事以及大家经常问我这个问题：为什么我不再使用 Bootstrap？

先说说我的经历吧（我会长话短说，C 保证 : ）当我开始从事前端 Web 开发时，我接触的第一个工具就是 Bootstrap。有了它，我以为我已经掌握了前端开发，它简单易用，速度很快，而且组件丰富！太棒了！

但随着我的工作进展和网站变得越来越定制化，我开始发现 Bootstrap 有点没用，那时我得出了一个结论，为什么我不会在新作品中使用 Bootstrap。

为了便于理解，我在这篇文章中根据我不使用它的原因进行了分类，请欣赏：

1- 重量
2- 组件和实用程序
3- 造型

1-重量：

“重量？但 Bootstrap 不到 500KB。” 是的，我知道这一点。但让我们考虑一下我们实际使用了多少 Bootstrap。使用 Bootstrap 意味着你还必须使用 jQuery，所以如果你要用 Bootstrap 创建落地页，你就必须使用 jQuery、Bootstrap CSS 和 Bootstrap JS。如果你使用 Bootstrap，所有这些资源都用不到一半。这就引出了我的下一个问题。

2- 组件：

“缺乏？”不，根本不是，恰恰相反。Bootstrap 有如此多的组件和实用程序，你几乎肯定用不到其中的一半。你可能会说，用 NodeJS 可以只编译和使用网站使用的 CSS，但对于带有 Cpanel 的服务器来说，用纯 HTML 是不可能的（至少我是这么认为的）。所以，有大量的组件你可能不会用到，但它们仍然会存在。

这不仅仅是 Bootstrap 的问题，也是我见过的许多框架的问题，比如 Materialize 或 UiKit，其中有一些大多数人不会使用的组件，还有一些类可以分解为一种样式，例如：

.modal-top-left{顶部：5%；左侧：5%}

modal-top-right、modal-bottom-left、modal-bottom-right 等等。如果你想改变模态框的位置，你完全可以只用一个 class 来实现，添加这些 class 简直是愚蠢至极。

3-造型：

Bootstrap 虽然易于使用，但自定义起来却远不如想象中那么容易。有些组件需要你多次使用 !important，这在创建 CSS 时并不理想。而且，覆盖 Bootstrap 的默认样式，就像必须从头开始创建自己的 CSS 一样。

那我该用什么呢？

大多数人看到这里都会说：“那又怎么样？你从头开始写 CSS，不用任何框架？”好吧，我的 CSS 代码并没有从零开始，而且我确实用了框架，但只是用来管理网站的列。我用的框架叫 Flexbox Grid，它只包含行和列，没有其他东西。而且它只有 1.9KB！所以，在一个只有 1 个首页和 4 个子页面的网站上，CSS 代码总量（包括 Flexbox Grid）只有 5KB。对我来说，这速度快得惊人！

我应该使用 Bootstrap 吗？

嗯，有一点我无法否认，那就是如果你需要快速开发某个东西，那么 Bootstrap 是绝对没问题的。如果你还在犹豫该不该用 Bootstrap，不妨问问自己：

1- 我会用到 Bootstrap 的几个组件吗？
2- 我急着开发这个前端吗？
3- 设计对这个前端重要吗？

如果您的答案是：是、是和否；请继续使用 Bootstrap，不要感到羞愧。

补充：我讨厌 Bootstrap 吗？

当然不是。我觉得开发网站更快更容易，这很棒，但我不会再用它了，因为我更喜欢自己制作组件，而且几乎所有东西都是手工做的。我知道 Bootstrap 还会继续存在，还会被很多人使用，这完全没问题 :)

你觉得怎么样？你用 Bootstrap 吗？