css - 是否可以将 Bootstrap css 组件转换为 Tailwind css

标签 css bootstrap-4 tailwind-css

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

最佳答案

您可以自定义一些 Bootstrap 组件并在 Tailwind 元素中使用它们。这里的缺点是区分 common class styles Tailwind 库和 Bootstrap 库中定义的组件使用的全局定义的类样式。在这种情况下,如果您更改要从外部添加到元素中的 Bootstrap 组件的类名称,则不会发生冲突。您可以查看this demo为了更容易发现。

手动添加一些组件的一种方法是创建一个新的引导元素并在浏览器中打开 DevTools 来探索 reverse engineered 的样式“元素”选项卡上“样式”面板中的元素。

关于css - 是否可以将 Bootstrap css 组件转换为 Tailwind css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70348470/

相关文章:

javascript - 如何在 Holder.js 图像中使用 Bootstrap Glyphicons

html - 删除网页内容下方的空白

css - Bootstrap -4 填充

bootstrap-4 - Bootstrap 4 偏移不起作用我该如何解决?

html - 滚动条缩略图显示在绝对 div 上

css - 为什么具有z-index值的元素不能覆盖其子级?

css - 如何控制容器高度?

css - 带有可滚动内容的嵌套粘性侧边栏

typescript - Twin.Macro(样式化组件)+ NextJS 中的 Typescript : Argument of type 'Interpolation<never>' is not assignable to parameter of type

css - 我的 Slick Slider 的视频播放按钮不起作用