Bootstrap 5 Crash Course Tutorial #3 - Colours & Typography
HTML-код
- Опубликовано: 17 окт 2024
- 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...
🐱💻 Access the course files on GitHub:
github.com/iam...
🐱💻 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.visualstu...
🐱💻 Bootstrap 5 Docs - getbootstrap.c...
🐱💻 Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja
You truly are a life saver. Thanks for your service to a big community of coders.
I like your delivery style - clear and to the point with good examples. Thank you
Awesome content. Thanks a lot. I have credited your name in my thesis at the University. Thank you so much ❤️
Awesome! Thank you! :)
How come? He is ninja. You can not even know his real name. Just anonymous name. :-)
@@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.
@@NetNinja 6:32 What do you mean by head to the documentation. Where can I find that at?
@@stumpedsuper2014 and it's in the description
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.
What great content. Expanding my Bootstrap understanding big time... I didn't even understand Emmet until this. How handy. Thanks!
No problem :) that's awesome to hear
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
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
Ok
Such a good tutor..✌️
You're my hero💝
There is a .small class too, which we can use on any element. We don't necessarily need to wrap it in
A super masterclass for Bootstrap
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.
Fantastic creator. Thank you for your content.
Ah man, you are the best teacher out here. Thank you 👌
at @2:10 when you said to press tab after display-1 , its not working in my visual studio, any advice
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!❤
Very explicitly explained and helpful!
Glad to hear that Zdenka :)
Hello Ninjas,
class="text-end" didn't work for me i don't know why.
class="text-right" although worked.
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?
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.
Text decoration and the fw-bold is not working for me. Why is it like that?
Sir I I have doubt
Can I make full stack website by vuejs and firebase without express.js???
what extension he's using to help him code bootstrap ?
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.
Please make a new updated video of #tailwindcss sir. Your teaching method is amazing. 🤩
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.
Cheers for this tutorial.
No problem 👍
What gives you the autofill for the class at 4:22?
thnx man !
Please upload videos converting design files to html css bootstrap js
Thank you very much!
You're welcome!
Thanks
thank you
Thank You 😊
customize bootsrap with saas please
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
Great youtube channel, can you do a course on Nuxtjs
thank you so much...
No problem Aldrin! :) thanks for watching
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.
I'm lost
Is Bootstrap another form of CSS?🤕
kind of advance , or look cool type, its like smart way of using HTML CSS
Yes.
text-decoration-underline
text-dexoration-line-through
Why not working now
best
நன்றி
ty
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
🤩🤩🤩🤩🤩🤩
First
Thank you🍆
Bruh, Why's the hurry
I'm early!
crazy
noob
Thank you