【发布时间】：2022-01-17 17:46:45
【问题描述】：
我在我的网络项目中使用 Tailwind CSS 库。我想转换所有 Bootstrap CSS 组件并在我的网络项目中使用它们。这可能吗？
【问题讨论】：
标签： css bootstrap-4 tailwind-css
【发布时间】：2022-01-17 17:46:45
【问题描述】：
您可以将一些 Bootstrap 组件定义为自定义并在 Tailwind 项目中使用它们。这里的缺点是要区分 common class styles 和 Tailwind 库和 Bootstrap 库中定义的组件使用的全局定义的类样式。在这种情况下，如果您更改要在项目外部添加的 Bootstrap 组件的类名，则不会发生冲突。您可以查看this demo 以便于发现。
手动添加一些组件的一种方法是创建一个新的引导项目并在浏览器中打开 DevTools 以从元素选项卡的样式面板中探索 reverse engineered 元素的样式。
【讨论】：
-
嗨@Sercen - 只是一个澄清。截至目前，我的项目位于 React + Bootstrap 中，我想将其转换为 React + Tailwind。不影响任何特性或功能？
-
最好的方法是逆向工程并更新可能冲突的类的名称。我想如果你有这样的需求，不要混淆这两个库。通过自己编写 CSS 代码来满足您的需求。否则，当您需要处理项目时，您将不得不处理转换库。一点建议。