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

[loveuloveme]

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]

🙅‍♂️<p style="font-size:12px;background:#333...>
🙆‍♂️<p class="font-size-12 background-gray...>
总是复古

[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> 不是很好吗