Tailwind CSS 与 Bootstrap:Tailwind CSS 是否比 Bootstrap 更好?

Tailwind CSS 与 Bootstrap:Tailwind CSS 是否比 Bootstrap 更好?

在不依赖库的情况下构建您的前端应用程序非常棒。学习如何实现库不仅可以节省您的时间,还可以让您轻松创建对称布局。

Tailwind CSS vs Bootstrap Image

Tailwind CSS vs Bootstrap Image

每个 Web 开发人员首先使网站适合移动设备。 制作响应式网站 是一个长期的过程。因此,Web 开发人员正在使用 CSS 框架,例如 引导程序顺风 CSS。

但是每个人都问一个问题,哪个更好。让我们进行一些比较以在这些之间选择更好的一个。

引导程序

Bootstrap Logo

Bootstrap Logo

当马克·奥托和雅各布·桑顿都受雇于 推特 ,他们首先开始研究 Bootstrap 框架。他们于 2011 年 8 月 19 日推出了 Bootstrap 的第一个版本。

Bootstrap CSS 框架一经发布便获得了大量用户。在对其进行修改后,他们在 Bootstrap 中添加了一些新功能,例如 jQuery,以支持 vanilla JavaScript。

如何使用引导程序

在您的在线项目中使用 Bootstrap 太简单了。存在两种添加或链接 Bootstrap 的方法,

  • 通过添加 内容分发网络 关联
  • 通过下载 引导程序 本地

使用 CDN(推荐)

这是使用 Bootstrap 的一种简单方法,但它需要访问 Internet。添加 Bootstrap CDN 连接后,您的工作将变得简单。

Bootstrap CDN

本地使用

如果您的在线连接不佳或互联网访问量有限,您可以在计算机上本地下载 Bootstrap。

优点

  • 定制
  • 大型社区
  • 发展速度

缺点

  • 过度使用(所有网站都一样)
  • 令人困惑的名称方案
  • 包含 JavaScript(它会变慢)

顺风 CSS

Tailwind CSS Logo

Tailwind CSS Logo

Tailwind CSS 是一个开源 CSS 框架。创建这个实用程序优先的 CSS 框架是为了让用户能够简单快速地构建应用程序。

这种使用实用程序类的方法允许您创建自定义设计,而无需编写 CSS。

如何使用 Tailwind CSS

在项目中使用 Tailwind CSS 的唯一方法是 CDN。

  • CDN(推荐)

使用 CDN

要使用 CDN 使用此功能,请访问 顺风 CSS 并复制 CDN。

Tailwind CSS

优点

  • 定制
  • 大型社区
  • 发展速度
  • 简单易学
  • 短代码行
  • 范围

缺点

我不认为这有任何缺点。

Photo by 卡斯帕卡米尔鲁宾 on 不飞溅

结论

我建议您使用 Tailwind CSS 以获得更好的样式。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/37930/05551911

posted @ 2022-09-19 11:06  哈哈哈来了啊啊啊  阅读(483)  评论(0编辑  收藏  举报