How to (Still) Use Bootstrap in Laravel 10?
Vložit
- čas přidán 6. 09. 2024
- There's a common myth or misconception that Laravel uses Tailwind by default. You still can use Bootstrap, let me show you how.
[Related Tutorial] Convert Bootstrap Theme into Laravel Project: Step-by-Step laraveldaily.c...
- - - - -
Support the channel by checking out my products:
- My Laravel courses: laraveldaily.c...
- Laravel QuickAdminPanel: quickadminpane...
- Livewire Kit Components: livewirekit.com
- - - - -
Other places to follow:
- My weekly Laravel newsletter: us11.campaign-...
- My personal Twitter: / povilaskorop
I honestly prefer to use this approach:
1. Install Laravel
composer create-project laravel/laravel example-app
2. Use in project folder
npm i bootstrap
3. Copy the css and js folders from the following locations
-node_modules/bootstrap/dist/css
-node_modules/bootstrap/dist/js
4. Paste the css and js folders into the public folder
5. Insert the links into the layout file
goated
*Nice tutorial. I started to use tailwind but I find bootstrap much easier because I know it from memory*
I haven't found Tailwind compelling. I've seen dozens of articles and tutorials explaining the "benefits" but I just can't see them
I can't afford those 1km one liners of classes from utilities first inside my html. I keep my css separated with Bootstrap too !
@@julienSibille tailwind only works well if you put everything into its own components and then just reuse the components
@@CODINGISEASY Yeah, but this way i still prefer having clean component with just 1 class and the css logic separated !
But this is my own preference !
I use Bootstrap. I have looked at Tailwind, and for me, it is exceedingly verbose. I have no interest in having my site appear to be "unique". All I need is functionality. It does not solve any problem. Lastly Tailwind represents just more time learning. I can use that time more productively doing something else.
I tried tailwind before but bootstrap is still much easier to understand😊
I still use Bootstrap. It is improving significantly, over the coming releases Bootstrap will be getting native Dark Mode support and ability to control themes which should help one of the major pain points of Bootstrap.
Thank you! I believe many people still use Bootstrap, including myself. Therefore, if you show on the project how you connect styles and js files from an already laid out site design, it will be great.
That's exactly what I'm showing in the article that I've demonstrated in the video, link in the description.
For all my projects in Laravel I still use Bootstrap.
Thank you sir. I personally still use bootstrap
I think your package "Larastarters" should've mentioned here because it is helpful to quickly scaffold some bootstrap admin themes.
Totally forgot!
Yes to Bootstrap! I don't like inline css.
Bootstrap is still king for me.
I still prefer Bootstrap. It has cleaner HTML, it's free and there are more components.
Been trying tailwind for months now. Don't like it. Switching back to BS5.
I would argue the beginning part stating tailwind is NOT part of laravel. While technically correct it is a waste of time. I wonder how many people fast-forwarded through that. It's about perception and 100% pushing towards tailwind. Otherwise there would be options like when installing Breeze (for example). So saying it's not included by default is fine, but who really uses the default outside of an api?
Hi Povilas, great content. Thanks for share the knowledge. Could you please make a video integrating backstrap theme with laravel.
From the beginning, I started using Bootstrap, and even after years, I still use it. The difference now is that I compress or defragment the source code to only use the components that I need, instead of using everything. For example, the following video helped me do that: czcams.com/video/6onN1FC3__A/video.html.
Still using it !
In the older project, we don't need to run npm run dev but now it's necessary why is that so?
Because modern projects are using js/css libraries, it's like "composer install" which we also didn't need before composer.
@@LaravelDaily Okay Gotcha! 😍
I still use Bootstrap.
Sir, which better between @extends('layouts.app') and for templating?
It's a personal preference.
Can I use bootstrap with laravel Jetstream or only laravel ui ?
Laravel UI is the official one.
There was also unofficial one called Jetstrap: github.com/nascent-africa/jetstrap - but it seems to be abandoned, with last commit over a year ago
There's also our package Larastarters: github.com/LaravelDaily/Larastarters
If I have already installed Jetstream can I install Laravel UI with Bootstrap?
Thank you for your work!
Bootstrap easy fast for MVP
Good content always 😊
Just run 3 lines of code in your terminal. Install bootstrap auth
1) composer require laravel/ui
2) php artisan ui bootstrap --auth
3) npm install
4) npm run dev
A W E S O M E !
LaravelDaily/Larastarters
Real developers use bootstrap and wanna be devs try to be cool and go with tailwind.
I don't like tailwind but if I have to use it I will
I still use Bootstrap
What do you think about tailwind
I’ve been using bootstrap for the past 5 years
Will you advice that I learn tailwind just to get another option?
Personally i wouldn't, it's literally an inline css but with classes
It's a personal preference. I personally try to learn things when I actually NEED them, not just for options.
I find tailwind better for apps where you create components. You build the components with the classes so then once you make a component you dont have to keep repeating all those classes. Like if you had a vue or blade component for a button you can build the button once with all the components then just include it and pass it the text and href each time. Then if you need to change the style you only need to edit your button component. If that makes sense?
I agree with anyone that states that it's a personal preference. Also tailwind css could be a project technical requirement. In this way learning it for you will be a necessity instead of just an option. Wich I've is better? That will always depend on who is implementing it
@@dukeofnorfolk1842 That's not quite true. you wouldn't be able to make groups, hover states, animations etc. by doing inline styling
I prefer bootstrap
Still use it. Also still use jQuery with JSP. 😂
bootstrap & webpack (RIP)
Tailwind ui element are nicer than bootstrap
After I discovered Tailwind I never looked at bostramp again
I dont understand the bootstrap hate. Most of us dev use it where I work. Here is a dislike
I don't understand why would anyone want to use bootstrap in 2023 when we have react and Vue and component libraries and Tailwind
bootstrap & webpack (RIP)
I still use Bootstrap