Bootstrap 5 Crash Course Tutorial #10 - Cards

Подписаться 1,5 млн

Просмотров 92 тыс.

50% 1

Hey gang, in this Bootstrap tutorial you'll learn how to use the Card component - in our site we'll use it for te pricing options.
🐱‍👤 View this course in full now - without ads - on Net Ninja Pro:
netninja.dev/p/bootstrap-5-cr...
🐱‍💻 Access the course files on GitHub:
github.com/iamshaunjp/bootstr...
🐱‍💻 HTML & CSS Crash Course:
• HTML & CSS Crash Cours...
🐱‍💻 Node.js Crash Course:
• Node JS Tutorial for B...
🐱‍💻 SASS Crash Course:
• SASS Tutorial #1 - Wha...
🐱‍💻 VS Code - code.visualstudio.com/
🐱‍💻 Bootstrap 5 Docs - getbootstrap.com/docs/5.0/get...
🐱‍💻 Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja

Опубликовано:

21 июн 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 49

@niquebon 2 года назад

Learning a lot from this series. Great tutorials! Easy to understand

@haudangnguyentien1131 6 месяцев назад

Thank you for the very detailed and easy-to-understand lecture. I thought Bootstrap was so vast and complicated until I watched your lectures.

@josephbangalie001 Год назад

Learning a lot from you, Keep the good job Boss

@iancarr3923 Год назад

An excellent series.

@lyssilva5243 2 года назад

me encantó, muy bien explicado

@briannguyen5057 2 года назад

very helpful, thx!

@kopilkaiser8991 8 месяцев назад

Subscribed. I liked your videos that much. You are far the best tutor in RU-vid. Absolute perfect lecture to learn smoothly 😊⭐️⭐️⭐️⭐️⭐️

@NetNinja 8 месяцев назад

That means a lot, thank you! :)

@xiaonaiheme Год назад

This is best tutorial now it seems

@apurvarohithegde4544 3 года назад

Love it😃😃😃

@gopalmandloi6374 3 года назад

Great content Shaun as always. Any plans for making series about Accessibility ?

@NetNinja 3 года назад

Thanks. And no plans yet, but something I might look at :)

@lilliesan 2 года назад

Thank you very much.

@blackpurple9163 Год назад

Very good video, understood every bit of it, thanks a lot

@NetNinja Год назад

Great to hear! :) thanks

@hamzehqatash6256 2 года назад

Amazing 🖤️

@devdesai537 3 года назад

Hey Do you ever plan on making a Flask/ Django/ Fast API tutorial?

@BrantScalan Год назад

Do you have any examples of a single form across multiple tab elements in bootstrap with validation?

@itojesamuel9032 11 месяцев назад

great content sir..... i Really appreciate it

@NetNinja 11 месяцев назад

Glad to hear that :) thanks for watching

@salahalhashmi6528 3 года назад

thanks

@realdaly Год назад

The "border-2" class of the middle card didn't work for me until I added "border" class to it as well.

@richardmartyns7978 Год назад

I am loving this

@NetNinja Год назад

Glad to hear that Richard!

@richardmartyns7978 Год назад

@@NetNinja Please can we use bootstrap 5 with react?

@ridl27 3 года назад

@iancarr3923 Год назад

Thanks!

@NetNinja Год назад

Thanks for your support Ian :) it means a lot

@ronilpatel2294 3 года назад

Sir, great content(bootstrap) ever seen on youtube ....any plan for java script in one video?

@antoniofuller2331 3 года назад

JavaScript is good, but NO

@chigozieozoh3207 3 месяца назад

Hi! well done. I am having challenge with centralizing the card using align-items-center. this line of code didnt centeralize d card

@prafulrane3591 Год назад

Need a roadmap video to follow your channel content!!!!

@ismailidrisabdullahi4642 3 года назад

Second, love your content

@Dexter101x 3 года назад

How do you style bootstrap other than the default?

@NetNinja 3 года назад

You can install BS using npm & then customize using SASS. I will show you how to do that later in this course :)

@HomelessDeamon 3 года назад

😊👍👍👍👍👍👍👍👍🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊thanks a lot

@vuelancer 3 года назад

This is out of bootstrap, but I have this doubt related to css. Ok, If I want to do bootstrap clone for padding, margin and few others that has 0 to 6 class (mx-0,mx-1,...,mx-6). And instead of creating definitions in css by defining all classes, I want to have mx-[number]{ margin-top:number;} Does css has this trick? Or sass?

@NetNinja 3 года назад

You can use a loop in sass to generate classes this way, by looping through a map of values for margin. I'll be doing a complete sass course in the future that explains this kind of thing :).

@NathiCode 8 месяцев назад

Teacher iam from Ethiopia Africa i am struggling to become full stack developer but there is a shortage of money 😢 but i am watching your video to become full stack developer

@NullStaticVoid 3 года назад

Maybe I'm a little slow, but HTML never has had a problem with making a plain box. I don't get why 'cards' are suddenly a thing.

@antoniofuller2331 3 года назад

You poor thing. You probably never played Yu-Gi-Oh

@zeadashraf524 2 года назад

#Net_Ninja_gang #Ninja_creed

@themoroccanpianist8953 2 года назад

I don't understand this part of the html . Here, 8+9 +8 = 25. Whereas the total that we can specify is 12 columns in a single row ! could you explain ?

@espinhudobr 2 года назад

@Zeruhur 2 года назад

col-8 is relative at the single card, that's why the biggest card is size 9 (out of 12) and the other two are size 8. Just play a bit with that to see the difference

@themoroccanpianist8953 2 года назад

@@Zeruhur thanks