Recreate Bootstrap Grid System in Tailwind CSS

Поделиться
HTML-код
  • Опубликовано: 26 май 2021
  • 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.com/p/RcjlszCUpp
    Tailwind CSS Examples:
    play.tailwindcss.com/QOoTT44Cpz
    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.shrutibalasa.com
    #tailwindcss #bootstrap5 #bootstrapgrid
  • НаукаНаука

Комментарии • 40

  • @sabbirshuvo918
    @sabbirshuvo918 6 месяцев назад +1

    Thank you so much for making this great video ❤

    • @Thirus
      @Thirus  6 месяцев назад +1

      You’re welcome 😊

  • @ruanm.1130
    @ruanm.1130 2 месяца назад +1

    thank u so much! great video

    • @Thirus
      @Thirus  2 месяца назад

      You’re welcome

  • @fahimanzam7015
    @fahimanzam7015 3 года назад +4

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

    • @Thirus
      @Thirus  3 года назад

      Ha ha! Fantastic 😊

  • @bilawalshah8015
    @bilawalshah8015 3 месяца назад +1

    Amazing tutorial which I want 🎉

    • @Thirus
      @Thirus  3 месяца назад

      Nice to know that :)

  • @sathyanarayanandhanuskodi1734
    @sathyanarayanandhanuskodi1734 2 года назад +1

    You are going to save my day Tomorrow

  • @apprenticetp1277
    @apprenticetp1277 2 года назад +1

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

    • @Thirus
      @Thirus  2 года назад

      You’re welcome

  • @WallyJ2K
    @WallyJ2K 3 года назад +3

    This was SO helpful! Thanks so much!!

    • @Thirus
      @Thirus  3 года назад

      You’re welcome 😊

  • @Dev_Jet
    @Dev_Jet Год назад +1

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

    • @Thirus
      @Thirus  Год назад

      You’re welcome :)

  • @mitsuha5177
    @mitsuha5177 2 года назад +1

    Great vid :)

    • @Thirus
      @Thirus  2 года назад

      Thank you!

  • @davidson7838
    @davidson7838 3 года назад +1

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

    • @Thirus
      @Thirus  3 года назад

      Thanks again 😊

  • @vitokonte
    @vitokonte Год назад +1

    Thanks, that was a very clear explanation!

    • @Thirus
      @Thirus  Год назад

      Happy to hear that :)

  • @mraheelkhan_
    @mraheelkhan_ 2 года назад +1

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

    • @Thirus
      @Thirus  2 года назад

      Awesome!

  • @ajayjayapalan1547
    @ajayjayapalan1547 2 года назад +1

    well explained 🔥

    • @Thirus
      @Thirus  2 года назад +1

      Thank you! 😊

  • @jimmacdiarmid8230
    @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.

  • @UsmanKhan-nc2md
    @UsmanKhan-nc2md Год назад +1

    awesme did

  • @hi-yi7en
    @hi-yi7en 3 года назад +1

    👍

  • @the_surajit_saha
    @the_surajit_saha 3 года назад +1

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

    • @Thirus
      @Thirus  3 года назад

      It's more of a JS functionality than CSS. Check out this video - ruclips.net/video/Vj4UG4zJ6jE/видео.html

  • @sheerasai5948
    @sheerasai5948 2 месяца назад

    mam which has future bootstrap or tailwind?

    • @Thirus
      @Thirus  2 месяца назад

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

  • @shayakdey6787
    @shayakdey6787 3 года назад +1

    How to use @apply in tailwind css??

    • @Thirus
      @Thirus  3 года назад

      Watch my introduction video in this playlist

  • @anuj7286
    @anuj7286 3 года назад +1

    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
      @Thirus  3 года назад +1

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

    • @anuj7286
      @anuj7286 3 года назад +1

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

    • @Thirus
      @Thirus  3 года назад

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