Tailwind CSS 还是 Bootstrap?哪个被认为是好的做法? [关闭]

Posted

技术标签:

【中文标题】Tailwind CSS 还是 Bootstrap?哪个被认为是好的做法? [关闭]【英文标题】:Tailwind CSS or Bootstrap? Which is considered good practice? [closed] 【发布时间】:2020-06-20 17:34:13 【问题描述】:

我一直在我的项目中使用引导程序,但我觉得这对 Web 开发人员来说不是一个好习惯。我有一些同事推荐 Tailwind CSS。我应该在我的 html 中使用哪个作为良好做法?

【问题讨论】:

我认为你的比较是错误的,因为 bootstrap 提供了一个带有一些实用程序类的 UI 组件,而 Tailwind CSS 只提供了用于快速开发的实用程序类。我更喜欢在这里使用引导程序。 是的,根据上述评论,Bootstrap 在设计上更加固执己见,这是主要区别。两者都是以自己的方式“好的做法”。 为宗教辩论做好准备! :D 我发现 Tailwind 的创建者 Adam Wathan 的这篇文章很有用而且很有启发性:adamwathan.me/css-utility-classes-and-separation-of-concerns 【参考方案1】:

您所问问题的答案实际上取决于您问的对象。您可以使用这两个框架实现 CSS 的良好实践,但它确实是您认为的良好实践。

您可以在网络上找到各种介绍 CSS 最佳实践的文章,例如 this。

我鼓励您阅读更多有关 CSS 和一般 CSS 最佳实践的信息,然后您应该开始深入阅读这两个框架,并在一些项目中尝试这两个框架,以真正确定哪个更适合您。但最终,两者都可以实现良好的实践,但您需要了解为什么要使用其中之一。另外,请记住它们是不同的范例,您也应该阅读它Tailwind CSS vs Bootstrap: Learn about the differences。一旦您了解了所有这些,您将能够分辨出哪个对您和您正在从事的项目更好。

【讨论】:

以上是关于Tailwind CSS 还是 Bootstrap?哪个被认为是好的做法? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

我正在使用 Bootstrap 和 Tailwind CSS 开发 Laravel。我的tailwindcss没有被选中

NuxtJS + BootstrapVue + TailwindCSS:我可以有效地使用 Bootstrap Vue 组件,但使用 Tailwind CSS 样式?

在哪里可以找到带有 js 代码的 Tailwind css 组件?

我应该使用 id 还是类来“表明”Tailwind.css 中 HTML 元素的用途?

你能把 Tailwind 和 vanilla CSS 混合起来吗?

在 Tailwind 中创建一个类似于 bootstrap 的网格系统