我正在使用 Bootstrap 和 Tailwind CSS 开发 Laravel。我的tailwindcss没有被选中

Posted

技术标签:

【中文标题】我正在使用 Bootstrap 和 Tailwind CSS 开发 Laravel。我的tailwindcss没有被选中【英文标题】:I am working on Laravel with Bootstrap and Tailwind CSS. My tailwindcss is not been picked 【发布时间】:2020-05-09 10:43:12 【问题描述】:

我已经安装了 Laravel 5.8,将我的 Tailwind 版本 0.1 更新到了 1.1.4 和 Bootstrap。每当我运行项目时,Laravel 都不会读取我更新的tailwindcss。我放了一个"tw-" 将引导程序与tailwindcss 分开,如下所示。我的tailwindcss 仍然无法正常工作。谁能帮忙...

options: 
    prefix: 'tw-',
    important: false,
    separator: ':',
,

【问题讨论】:

这个配置是从哪里来的? “运行项目”是什么意思? 您应该提供有关您的配置的更多信息。 is not been read - 你的意思是 404,浏览器找不到 CSS 文件吗?或者样式在页面上不起作用? 你运行过类似npm run development -- --watch的东西吗? @DavydeVries 是的,我确实运行了 npm run development --watch / dev 仍然没有运气。 【参考方案1】:

如果您之前安装了 Bootstrap 并且您没有从 app.scss 文件中删除 bootstrap @import - 那么 tailwindcss 将不会被考虑在内,因为它有自己的 @import 指令。确保首先删除引导程序。你不能同时使用两者。它是/或。

【讨论】:

以上是关于我正在使用 Bootstrap 和 Tailwind CSS 开发 Laravel。我的tailwindcss没有被选中的主要内容,如果未能解决你的问题,请参考以下文章

Rotativa 和 Bootstrap 网格样式

我需要帮助在提交时解除模态。我正在使用 angularJs 进行数据绑定,以及 Jquery 和引导程序(但不是 ui-bootstrap)

Laravel 叶片和顺风没有正确混合,我不明白为啥

Bootstrap 5 模态和 jQuery 验证

nav navbar-nav navbar-right 不会向右对齐,我正在使用 Bootstrap 3

Bootstrap 3 Popover 箭头和框定位