是否可以将 Bootstrap css 组件转换为 Tailwind css [已关闭]

Is it possible to convert Bootstrap css components to Tailwind css [closed]

提问人:Anup Dhal 提问时间:12/14/2021 最后编辑:SercanAnup Dhal 更新时间:12/14/2021 访问量:2705

问:


编辑问题以包括所需的行为、特定问题或错误以及重现问题所需的最短代码。这将有助于其他人回答这个问题。

1年前关闭。

我在我的 Web 项目中使用 Tailwind CSS 库。我想转换所有 Bootstrap CSS 组件并在我的 Web 项目中使用它们。这可能吗?

css bootstrap-4 顺风-css

评论


答:

2赞 Sercan 12/14/2021 #1

您可以将某些 Bootstrap 组件定义为自定义组件,并在 Tailwind 项目中使用它们。这里的缺点是区分常见的类样式和 Tailwind 库和 Bootstrap 库中定义的组件使用的全局定义的类样式。在这种情况下,如果更改要在外部添加到项目的 Bootstrap 组件的类名,则不会发生冲突。您可以查看此演示以便于发现。

手动添加某些组件的一种方法是创建新的引导项目,并在浏览器中打开 DevTools,以从“元素”选项卡上的“样式”面板中浏览反向工程元素的样式。

评论

0赞 Anup Dhal 12/17/2021
嗨,@Sercen - 只是一个澄清。截至目前,我的项目在 React + Bootstrap 中,我想将其转换为 React + Tailwind。在不影响任何特性或功能的情况下?
0赞 Sercan 12/17/2021
最好的方法是对可能冲突的类的名称进行逆向工程和更新。我认为如果您有这样的需求,请不要混淆这两个库。通过自己编写CSS代码来满足您的需求。否则,当您需要处理项目时,您将不得不处理转换库。一点建议。