Bootstrap 有哪些替代品？

为什么我不喜欢 Bootstrap？

我曾经尝试过 Bootstrap 吗？

那我该用什么呢？

“如何赢得朋友和影响他人。”

大家好，DEV.to 社区！

编辑：由于收到了很多负面评论，我不得不写这篇编辑。这篇文章并非旨在表达我对 Bootstrap 的仇恨或谴责。它只是探讨了我认为 Bootstrap 所欠缺的方面。如果您觉得受到了冒犯，或者这篇文章让您感到不快，请提前接受我的道歉。

修改二：因为很多评论都说我选标题能力差。(XD) 我把标题从“请避免使用 Bootstrap！”改成了“Bootstrap 有哪些替代方案？”。希望这篇文章不会成为过去 7 天 DEV.to 上最讨厌的帖子。XD

嗯，其实我之前就想过写这篇文章，但担心大家的反应。总之，我决定写，希望你喜欢这篇文章。

免责声明：本文仅代表我个人观点，不强加于任何人。我既没有创建 Bootstrap，也没有接受过任何人的赞助来撰写本文。（好吧，反正我也没那么出名，不需要赞助，哈哈）

为什么我不喜欢 Bootstrap？

好吧，首先最好问一下为什么我不喜欢 Bootstrap。

一遍又一遍地重复同样的表情

首先要说的是，几乎 90% 使用 Bootstrap 的网站看起来都一模一样。虽然可以更改，但设计师通常不会费心去调整，所以他们通常使用默认的外观和主题。

您可以在 Google 上搜索并查看有关此事物的所有讨论以及大量示例。

看起来不太现代

第二点是 Bootstrap 的外观不够精致。它曾经一度很精致，但我认为现在设计模式已经改变，Bootstrap 已经有点落后了。

不支持 RTL

嗯，这可能是特定情况，并不是所有的设计师都会使用它，但这个问题可能会激怒一些中东国家的设计师。

补充一下：我之前选择学习 CSS 框架 Bootstrap 的时候，它并不支持 Flex 容器，这也是我当时开始避开 Bootstrap 的另一个原因。现在 Bootstrap 从 4 版开始就支持 Flex 了，我记得。

我曾经尝试过 Bootstrap 吗？

有人可能会说：“Adnan，如果你尝试过 Bootstrap，你一定会爱上它。”我要说的是：“由于客户的需求，我使用 Bootstrap 设计了很多网站。”

所以基本上是的，我尝试了 Bootstrap。

那我该用什么呢？

由于我没有使用 Bootstrap，这并不意味着我自己编写整个 CSS 代码（这很荒谬）。

我有一些工具可以帮我完成项目。

祖尔布基金会

Foundation 是我的首选框架。我喜欢用它，因为我对它非常熟悉，而且它提供了非常好的 SASS/SCSS 兼容性和非常丰富的自定义系统。

Zurb Foundation 是我认为最先进的 CSS 框架。

Foundation 唯一的缺点是它与 Webpack 不兼容，您无法将 Foundation 的 JavaScript 库导入到包中。

语义用户界面

我认为，Semantic UI 是迄今为止外观最精致、感觉最现代的框架。

它是如此美丽和优雅，你一定会爱上它。

Semantic UI 与 React 完全兼容，我非常喜欢使用它，而且它几乎与 Vue 完全兼容。如果你不想把它当作组件，而只想把它当作 Vue 或 React 中的普通 CSS 框架，它没有任何限制。我所说的兼容性，仅仅是指这个框架的基于组件的库。

Tailwind CSS

Tailwind 是开发领域最新的 CSS 框架之一，最近引起了很多关注。

我最近开始使用 Tailwind，我可以说它可以成为我的下一个首选框架，因为它旨在快速开发，说实话，我相信它已经实现了这个目标。

Tailwind 与其他框架略有不同，因为它是一个实用程序优先的框架，它可以让您设计自己的外观而不是默认外观。

在下面的评论部分告诉我您是否正在使用其他 CSS 框架，或者为什么您喜欢 Bootstrap。