是时候和 Bootstrap 说再见了，彻底拥抱 Tailwind 吧

• 資深大佬 : coolcoffee

  主能解释一下我的疑惑吗？

  我觉得 Tailwind 相当于把 css 的每一条都放在 class 里面了，以为可以不用改 css 了，但是 html 变得更加难改了。

  想象一个 card，本来一个 class=”card”就能表示，现在变成了了要： “w-9 h-9 flex items-center justify-center bg-gray-100 rounded-lg”。 如果那天 card 需要移除灰色 bg-gray-100，我难道还要全局替换？

  虽然有提供了 @apply 来聚合，但是这个和直接写 css item 好像没什么区别。

• 資深大佬 : codermagefox

  @coolcoffee #1 因为本质依旧没有改变，就是糖，不过是糖好不好吃的区别罢了。
  尝试过 TailWind,后来又放弃了，原因很简单，有用，但没有必要。本质还是没有变。

• 資深大佬 : herozzm

  依靠无数个 css 的产生很长大冗余的 html ？

• 資深大佬 : seki

  @coolcoffee 一般是要配合组件化一起做的，到时候不是每个 card div 都有这么一堆 class，而是会有一个 card 组件，里面定义这么多 class，然后所有地方统一使用这个 card 组件，这样如果需要对 card 的外观进行修改，只需要修改 card 组件

  https://tailwindcss.com/docs/extracting-components

• 資深大佬 : cmdOptionKana

  其实这两个产品的目标用户不一样，bootstrap 主要给不是专业搞前端的人用，足够简单。

  Tailwind 适合更专业一些的人，方便定制。

  如果不是专门搞前端的，其实也没有定制的需求，因为会越改越丑，还不如用默认样式。

• 資深大佬 : damngood

  在两个小项目里面用过, 感觉还可以, 自己定制也还算方便. 就是 class 组合有点长, 不过放在变量里面就还好了.
  另外, vsc 里面 class 自动补全有时候不起作用, 也挺恼火.

• 資深大佬 : IsaacYoung

  不了不了

• 資深大佬 : gouflv

  atom css 在工程实践中显然不合适，定位就短期项目快速开发

• 主 資深大佬 : loveuloveme

  @coolcoffee 重复的放在一个组件里，比如，一个 card 多次使用，可以 <x-card />

• 資深大佬 : swift

• 資深大佬 : TangMonk

  还不错

• 資深大佬 : ztxcccc

  这样的话为什么不直接写 style 呢？
  @swift

• 資深大佬 : swift

  @ztxcccc
  所以我不用 Tailwind
• 資深大佬 : Troevil

  要说语义化,当属 semantic ui , lz 可以看看 这是鼻祖

• 資深大佬 : xieqiang9408

  刚入坑，一次性的样式开发很快 , 响应式支持也很不错。

• 資深大佬 : zsc8917zsc

  不是很懂，这个跟直接怼 style 有什么区别吗？

• 資深大佬 : go522000

  我的想法与主不一样，我主要还是用 bootstrap，再使用 tailwind 进行辅助，tailwind 画一个提示框，需要用到一堆样式。

• 資深大佬 : ztxcccc

  @swift 合理

• 資深大佬 : love

  这个使用场景是什么？就象上说的，不用组件化的话难道在每个 card 都写一堆 class，修改的话要全局查找?用了第三方组件库那组件库都自带样式了还用这个干什么？
  难道是用于自己手撸的组件库？

• 主 資深大佬 : loveuloveme

  @go522000 bootstrap 太大了。可以用 Tailwind 画个提示框，放入组件，然后 任何地方，甚至你任何项目，都可以 <x-alert> 不是很好吗

• 資深大佬 : jin5354

  10 年前的 css 原子类写法。定位就是快速糊个页面出来。维护性什么的就别想了。

• 資深大佬 : november

  @seki 那我直接把那一堆的 class 的值整合为一个 class 为 card 的组件，不是更好？

• 資深大佬 : robinlovemaggie

  前端过去现在将来都不会有统一标准，想怎么写就怎么写， 这才是前端该有的样子。

• 資深大佬 : zaul

  ….看着头皮发麻，一个 class 不香？

• 資深大佬 : dd0754

  没什么卵用

• 資深大佬 : crystom

  @ztxcccc 据说这样的好处是颜色，字体大小等可以统一，比如通过配置规范整个网站就只有 4 种大小的文字，不会出现 N 多种 px 值

• 資深大佬 : chouchoui

  vue element tailwind 组合体验良好

• 資深大佬 : seki

  @november 那当然是可以的，tailwind 的用法，和写一堆 less/scss 变量然后在某个 class 底下加样式，本质上没什么区别，但是要统一协调的话是 tailwind 这种不用重复写变量的容易做到一些

• 資深大佬 : sunorg

  我选 bs5