โดยปกติ laravel 11 จะมาพร้อมกับ Bootstrap ถ้าต้องการใช้ Tailwind CSS เพื่อที่จะใช้ style ที่ยืดหยุ่นกว่า สามารถทำได้โดยมีขั้นตอน แต่เพราะว่ามี Vite อยู่ในขั้นตอน ทำให้ต้องทำตามขั้นตอนที่แน่นอน
- ติดตั้งโดย command
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p - เปิดไฟล์ SourceCode/resources/css/app.css
- import ‘../css/app.css’; ให้ comment หรือลบ Bootstrap ถ้าไม่ใช้
- เพิ่ม code
JavaScript
/* Tailwind CSS */ @tailwind base; @tailwind components; @tailwind utilities;