Recreate Bootstrap Grid System in Tailwind CSS

If you are moving from Bootstrap to Grid, you might immediately miss the 12 column grid system in Bootstrap. This videos shows you how to create the same grid layout in Tailwind CSS.
Bootstrap Examples:
www.codeply.co...
Tailwind CSS Examples:
play.tailwindc...
The video is sponsored by Showwcase. Join me there - www.showwcase.com?referralToken=kvpih077b
Subscribe and stay tuned for tips, tutorials and more.
Follow me on Twitter: / shrutibalasa
Follow Thirus on Twitter: / thirusofficial
Visit my website: www.shrutibala...
#tailwindcss #bootstrap5 #bootstrapgrid

[@fahimanzam7015]

I really like your videos. What ever I start thinking to learn using tailwind css just pops up in your channel. :D

[@Thirus]

Ha ha! Fantastic 😊

[@sabbirshuvo918]

Thank you so much for making this great video ❤

[@Thirus]

You’re welcome 😊

[@mraheelkhan_]

It is beautiful, I will now start using TailwindCss, Everything regarding responsiveness and using cols is SUPER CLEAR NOW.

[@Thirus]

Awesome!

[@WallyJ2K]

This was SO helpful! Thanks so much!!

[@Thirus]

You’re welcome 😊

[@Dev_Jet]

Hey, this is awesome! Never thought it would be this easy with tailwind. Thanks for the awesome tutorial :)

[@Thirus]

You’re welcome :)

[@ruanm.1130]

thank u so much! great video

[@Thirus]

You’re welcome

[@bilawalshah8015]

Amazing tutorial which I want 🎉

[@Thirus]

Nice to know that :)

[@vitokonte]

Thanks, that was a very clear explanation!

[@Thirus]

Happy to hear that :)

[@davidson7838]

Excellent video as always. I really liked your videos. 🔥🔥🔥

[@Thirus]

Thanks again 😊

[@apprenticetp1277]

You are amazing :) thank you for all information 💫💫🙏

[@Thirus]

You’re welcome

[@sathyanarayanandhanuskodi1734]

You are going to save my day Tomorrow

[@Thirus]

Awesome!!

[@sathyanarayanandhanuskodi1734]

@@Thirus As said yesterday. You saved my day today. Thank you.

[@parenteseswebdev]

Would you know a problem that i have. I used tailwind cli to make a website using the stock install procedures. The website looks and functions fine in local vsc dev, but when i upload to server to the htdocs folder all the html files and the output.css, the styling isn't applied. Could you advise.

[@Thirus]

It could be that the stylesheet isn’t linked correctly. When you “View page source”, and click on the CSS file in the link tag, does it show you the CSS? DM me on Twitter for further discussion - x.com/shrutibalasa

[@mitsuha5177]

Great vid :)

[@Thirus]

Thank you!

[@ajayjayapalan1547]

well explained 🔥

[@Thirus]

Thank you! 😊

[@the_surajit_saha]

Please make a video on using AOS (Animate on Scroll) library with Tailwind CSS. Thank you. 😊

[@Thirus]

It's more of a JS functionality than CSS. Check out this video - kzbin.info/www/bejne/jJuXhnpqr69poKc

[@UsmanKhan-nc2md]

awesme did

[@jimmacdiarmid8230]

Thank you very much for doing this video. It helped a bit with a project I'm working on. Just curious though, will you be updating it or doing a new video for Tailwindcss v3.x? For the second example I had to put "mt-5 grid grid-cols-2 grid-flow-rows gap-4" to get it to work for Tailwindcss v3.1.8. So far the only admin panel that I like is the adminlte v3 but it's coded for bootstrap 4, I think. I'd like to have the same thing using Tailwindcss.

[@hi-yi7en]

👍

[@sheerasai5948]

mam which has future bootstrap or tailwind?

[@Thirus]

Tailwind has gained a lot more users in the last few years compared to Bootstrap. Definitely Tailwind has a better future

[@shayakdey6787]

How to use @apply in tailwind css??

[@Thirus]

Watch my introduction video in this playlist

[@anuj7286]

Can we use material Ui and tailwind CSS together and I am facing some issues in codesandbox.io I can't run npm scripts there even I can't find a terminal window there please help me out... Thanks in advance.

[@Thirus]

I don’t think you can do it in sandbox. You will have to install it in your system

[@anuj7286]

@@Thirus But i saw people are using tailwind in sandbox can you please make a video on it?

[@Thirus]

Not with npm. Why don’t you use Tailwind play? It has all the features