How to (Still) Use Bootstrap in Laravel 10?

hello guys can you still use bootstrap designs in laravel I see that question pretty often online and when I received one email I decided to answer this as a YouTube video so here's the excerpt of that email and the person says preferred CSS basis bootstrap by default laravel is Tailwind how to change that and this is a pretty common myth or misconception that larval by default is Tailwind it uses Tailwind in external additional tools but by default laravel is framework agnostic so let me demonstrate what to do if you want to use bootstrap themes or bootstrap in general in Largo so fresh laravel project if you do laravel new something or composer create project Lara valerovel in package.json it doesn't have any Tailwind in here in the files you won't find any Tailwind if you search finding files in all project you would see Tailwind only inside of separate tools like ignition for example the only thing that that laravel kind of promotes inside of its functionality is pagination Tailwind which is by default Tailwind but you can easily switch that to bootstrap so it's a myth and misconception an error to say that laravel by default is Tailwind by default Tailwind is in starter kits of laravel like laravel breeze or laravel Jet Stream So if you use those then yes you are agreeing to use Tailwind because that's their front-end design but you don't have to use those starter kits if you want starter kit with bootstrap there's still laravel UI it is older it's not even mentioned in laravel docs anymore but it's still maintained it's still upgraded to new versions as you can see February 17th is the latest one it works with laravel 10. it still does what it did all the time like composer laravel UI composer require laravel UI and then you choose bootstrap auth and then you have the same login on register functional told you with bootstrap theme and then if you want to use some external boost trap theme we've recently launched an article about that describing that step by step so there's a bootstrap theme About Properties so how to use that in a laravel project Again by default there is no Tailwind in laravel Project you just need to add the bootstrap CSS where it needs to be in the head so I will quickly demonstrate you part of this article so we have main layout so all the pages would extend layouts app and in that layouts app you do whatever like for example you download the assets of that theme and then you do this just link asset CSS style CSS fonts images or whatever you want based on bootstrap or whatever other framework you want then in this case you wouldn't even need to run like npm installer and PM run Dev you just load the CSS which is already pre-compiled in those themes of bootstrap and you just move on creating other Pages like Services about contact in this case it's a static set of static pages so just extend the same layouts app which is bootstrap and then in the content you put in your content so yeah this is what I wanted to quickly demonstrate to you that bootstrap is still totally possible to use within laravel if you prefer just use laravel UI for authentication starter kit or use bootstrap theme just by putting them in the head of the HTML code what do you think do you still use bootstrap the whole Community kind of majority of the community switched to Tailwind but bootstrap is still pretty popular maybe you could recommend some themes which are fresh and you would recommend to use not necessarily in laravel but in general let's discuss in the comments below and by the way this article is a premium article for premium members because it's very long 128 minute read because we try to make it step by step so I will link that in the description below this is one of the reasons why you should subscribe to laravel dailycom yearly or monthly membership that's it for this time and see you guys in other videos

Channel: Laravel Daily

Views: 29,779

Keywords:

Id: tZ99AEyHKm4

Length: 3min 58sec (238 seconds)

Published: Wed Apr 12 2023