Тёмный

Bootstrap 5 Crash Course Tutorial #3 - Colours & Typography 

Net Ninja
Подписаться 1,4 млн
Просмотров 196 тыс.
50% 1

Hey gang, in this Bootstrap 5 tutorial you'll learn how to make use of the Bootstrap text & headings styles as well as theme colours.
🐱‍👤 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

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

 

14 июн 2021

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 65   
@TheSabKuchh
@TheSabKuchh 2 года назад
You truly are a life saver. Thanks for your service to a big community of coders.
@Baba12xr56
@Baba12xr56 11 месяцев назад
I like your delivery style - clear and to the point with good examples. Thank you
@mist1705
@mist1705 2 года назад
Fantastic creator. Thank you for your content.
@rifat625
@rifat625 2 года назад
Such a good tutor..✌️ You're my hero💝
@atiqulny
@atiqulny 2 года назад
I see a good use of "small" tag. For US Companies, they can use it to include fine-print which the consumers don't bother to read and get screwed by those companies.
@liiilliees
@liiilliees 2 года назад
Ah man, you are the best teacher out here. Thank you 👌
@avinashmurmu9070
@avinashmurmu9070 2 года назад
There is a .small class too, which we can use on any element. We don't necessarily need to wrap it in
@manto7
@manto7 2 года назад
Awesome content. Thanks a lot. I have credited your name in my thesis at the University. Thank you so much ❤️
@NetNinja
@NetNinja 2 года назад
Awesome! Thank you! :)
@ekarinsuethanuwong3670
@ekarinsuethanuwong3670 2 года назад
How come? He is ninja. You can not even know his real name. Just anonymous name. :-)
@faraaiden1180
@faraaiden1180 2 года назад
@@ekarinsuethanuwong3670 his name is Shaun. I think some people here (especially who have been watching Net Ninja for quite a long time) knows his name. And if Atif doesn't know, he may simply browse on the internet who is behind this channel since for **thesis** is something serious. He also can just put this channel name.
@stumpedsuper2014
@stumpedsuper2014 Год назад
@@NetNinja 6:32 What do you mean by head to the documentation. Where can I find that at?
@kiyu3229
@kiyu3229 Год назад
@@stumpedsuper2014 and it's in the description
@aamish.iqbal01
@aamish.iqbal01 3 месяца назад
A super masterclass for Bootstrap
@AsheAve
@AsheAve 8 месяцев назад
What great content. Expanding my Bootstrap understanding big time... I didn't even understand Emmet until this. How handy. Thanks!
@NetNinja
@NetNinja 8 месяцев назад
No problem :) that's awesome to hear
@seharhassan7090
@seharhassan7090 2 года назад
OOH MY GOD. i just opened youtube thinking that it will be good that i will learn css and bootstrap 5 from shaun and your videoo pop up ..damm i love you shaun
@antoniofuller2331
@antoniofuller2331 2 года назад
Ok
@Star-hw8bh
@Star-hw8bh 2 года назад
Thank You 😊
@zdenkaherova6581
@zdenkaherova6581 Год назад
Very explicitly explained and helpful!
@NetNinja
@NetNinja Год назад
Glad to hear that Zdenka :)
@shadowx7286
@shadowx7286 Год назад
First time i looked at BS i was like what the hell is going with the classes and all the vids i watched where they try to explain whats going on and whats changed from css to bootsrap and how it works is all just a bunch of people chattering trying to make people new to BS understand but they fail miserably😂. This playlist was the best so far. It helped me alot. Many thanks to Shaun for helping me understand BS very clearly. Btw this playlist is very underrated
@richesghagha1210
@richesghagha1210 Год назад
thnx man !
@muhammedozalp
@muhammedozalp 2 года назад
Thank you
@ilya_123__
@ilya_123__ 2 месяца назад
thank you
@Tech-Dev
@Tech-Dev 7 месяцев назад
Cheers for this tutorial.
@NetNinja
@NetNinja 6 месяцев назад
No problem 👍
@kkj6hu
@kkj6hu 25 дней назад
Thanks
@muhammadumarsotvoldiev8768
@muhammadumarsotvoldiev8768 5 месяцев назад
Thank you very much!
@NetNinja
@NetNinja 5 месяцев назад
You're welcome!
@liina926
@liina926 Год назад
Hi, thank you for the videos. its easy to watch and to do. I have issue tho, my line-through, fw-bold and underline did not work, also text-start and text-end did not work, but text-right does work. Can you say why is that? Thanks before hand.
@w0mblemania
@w0mblemania 2 года назад
Lorem Ipsem Modifying the class of a header element doesn't seem to work in Chrome (Mac) for me. It just shows the text as h2. Same thing with Safari.
@therebelliousgeek4506
@therebelliousgeek4506 2 года назад
Yes.
@aldrinjohnencina6153
@aldrinjohnencina6153 Год назад
thank you so much...
@NetNinja
@NetNinja Год назад
No problem Aldrin! :) thanks for watching
@leodwivedi
@leodwivedi 2 года назад
Please make a new updated video of #tailwindcss sir. Your teaching method is amazing. 🤩
@mohityadav21
@mohityadav21 2 года назад
Anything out of date in previous tailwind series that you noticed? I just completed that one. Tailwind is gonna get new JIT update, I think it will be better to make new playlist after that.
@zuberkhan-kn7iu
@zuberkhan-kn7iu Год назад
at @2:10 when you said to press tab after display-1 , its not working in my visual studio, any advice
@andreasl.1714
@andreasl.1714 Год назад
Hello Ninjas, class="text-end" didn't work for me i don't know why. class="text-right" although worked.
@shareeqrashid464
@shareeqrashid464 2 года назад
Please upload videos converting design files to html css bootstrap js
@ridl27
@ridl27 2 года назад
ty
@sankar1032
@sankar1032 2 года назад
Sir I I have doubt Can I make full stack website by vuejs and firebase without express.js???
@Ahmad-jc7by
@Ahmad-jc7by Год назад
best
@trungphamhoang7709
@trungphamhoang7709 2 года назад
Great youtube channel, can you do a course on Nuxtjs
@akipajarinen3805
@akipajarinen3805 10 месяцев назад
What gives you the autofill for the class at 4:22?
@Univelz
@Univelz Год назад
during colours section, it only show that we can use the color like Primary, Secondary, etc. But if i want to use other colours, how i gonna implement it?
@alexlytle089
@alexlytle089 2 года назад
Love the net ninja. But I never understand css framework tutorials. You can clearly see what each line of code does. It has no logic so basically it just ends up being a copy past session from the documentation.
@RiseAboveLimits001
@RiseAboveLimits001 11 месяцев назад
what extension he's using to help him code bootstrap ?
@traceyseymone706
@traceyseymone706 6 месяцев назад
I have adhd and dyslexia. Im in college and still didnt understand from linkedin videos my teacher posted. Your video explained it so well. Thank you!❤
@wibowomuhmmad
@wibowomuhmmad 2 года назад
customize bootsrap with saas please
@maxcharacterlimitreache-
@maxcharacterlimitreache- Год назад
I'm just starting to learn web development and cs in general. I learnt that is better to include a separate css file rather than cluttering the HTML with inline css. I now have an assignment using bootstrap and find it really hard, and fail to understand why would bootstrap be useful in some occasions like adding 'text-decoration-line-through' as a class why would that be any different than inline css? I mean, if there was a shortened version like "txt-dec-ln-trgh" or something in that sense.... I don't know , I'm feeling it hard to adopt bootstrap now that i was getting some hang of css... But still, have you had any hands on with , JavaScript so for sure bootstrap is far better in that sense
@wonderlens692
@wonderlens692 4 месяца назад
Text decoration and the fw-bold is not working for me. Why is it like that?
@thangavel_st
@thangavel_st 2 года назад
நன்றி
@markjak5031
@markjak5031 Год назад
🤩🤩🤩🤩🤩🤩
@truthteachers
@truthteachers 2 года назад
Hi, I am just finished Tutorial # 3. I know this is a crash course and I also bought the full course. What i could get from the course is the customise colors. The documentation talks about using sass to customise. Just for this i have learn sass. There are already too many things changing and the need to learn is getting us really frustrated. Here i am talking about the gradient background colors in the customise section. It gives me the base and the sass variable. This really pisses me off. How can i just use the colors just by classes? For example "$cyan-100". Is there way for to use a class like "bg-cyan-100" to do the same? Appreciate your help. Thank you.
@xiaonaihe8929
@xiaonaihe8929 Год назад
text-decoration-underline text-dexoration-line-through Why not working now
@adebayooluwasegun7702
@adebayooluwasegun7702 Год назад
I'm lost Is Bootstrap another form of CSS?🤕
@zuberkhan-kn7iu
@zuberkhan-kn7iu Год назад
kind of advance , or look cool type, its like smart way of using HTML CSS
@mk9834
@mk9834 2 года назад
I'm early!
@vusandebnath9518
@vusandebnath9518 2 года назад
crazy
@danielwarzecha2007
@danielwarzecha2007 Год назад
It would be way cool, if you would show how to lookup and find things you want to use from bootstrap, rather than typing out what your using... I'd like to know better how to use the tool, rather than just hope you happen to type out a specific usage that I may need. If possible
@rafhaellowixhomwad
@rafhaellowixhomwad Год назад
Thank you🍆
@itsadarsh6233
@itsadarsh6233 Месяц назад
Bruh, Why's the hurry
@Mighty4499
@Mighty4499 2 года назад
First
@user-pu6uy5oz8i
@user-pu6uy5oz8i 6 месяцев назад
noob
Далее
Bootstrap 5 Crash Course Tutorial #5 - Utility Classes
12:16
У МЕНЯ НЕТ ДРУЗЕЙ #shorts
00:34
Просмотров 670 тыс.
Learn Flexbox CSS in 8 minutes
8:16
Просмотров 1,3 млн
Bootstrap 5 Crash Course Tutorial #9 - Navbars
12:44
Просмотров 120 тыс.
Bootstrap 5 Crash Course Tutorial #6 - Containers
6:04
Incredible scroll-based animations with CSS-only
32:23
Просмотров 327 тыс.
Bootstrap 5 Crash Course Tutorial #1 - Intro & Setup
7:08
Responsive Typography with CSS Clamp
8:37
Просмотров 33 тыс.
26 Incredible Use Cases for the New GPT-4o
21:58
Просмотров 327 тыс.