Bootstrap 5 Crash Course Tutorial #6 - Containers

  Рет қаралды 148,564

Net Ninja

Net Ninja

3 жыл бұрын

Learn how to use containers in this Bootstrap 5 tutorial.
🐱‍👤 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

Пікірлер: 48
@AlexarionBeatbox
@AlexarionBeatbox 2 жыл бұрын
I feel bad not paying you for this amount of information man. I've started watching this course and some others and I gotta say. You're my new programming mate for some years.
@joaoluis3042
@joaoluis3042 Жыл бұрын
You can give some money here in the button thanks 🙂
@trucmuche747
@trucmuche747 7 ай бұрын
@@joaoluis3042 LMO!! You are one of most powerful event handlers I've ever witnessed.
@fdfsdfsvsfgsg4888
@fdfsdfsvsfgsg4888 Ай бұрын
1.47M subscribers. He's hardly doing this out of charity now is he.
@mostinho7
@mostinho7 Жыл бұрын
Done thanks! Different container sizes, the larger the container, the more it stays 100% as you go from small screen size to large.
@matiasjaliff3243
@matiasjaliff3243 2 жыл бұрын
Crystal clear. Thanks!!
@ImGodTheMaryBanger
@ImGodTheMaryBanger 2 жыл бұрын
Great videos! I'm excited to start using bootstrap 😎
@ahmadalharbi9097
@ahmadalharbi9097 3 жыл бұрын
Just finished the course on ninja pro .. thank you Shaun
@nipunsamantha
@nipunsamantha Жыл бұрын
The Best Bootstrap video series on youtube.I have watched several courses on the youtube but out of them this is the best one
@NetNinja
@NetNinja Жыл бұрын
Thanks nipun!
@nipunsamantha
@nipunsamantha Жыл бұрын
@@NetNinja if you can open a Patreon account on this channel, there will be lot of students of who will join
@tektektuktuk4086
@tektektuktuk4086 Жыл бұрын
Best Bootstrap Course in youtube!
@muhammedozalp
@muhammedozalp 2 жыл бұрын
Thank you
@maximood-tired
@maximood-tired 9 ай бұрын
very good tutorial, thank you
@hamzehqatash6256
@hamzehqatash6256 2 жыл бұрын
Thanks a lot ^-^
@ilya_123__
@ilya_123__ 4 ай бұрын
thank you
@sasinduadithya6245
@sasinduadithya6245 Жыл бұрын
Nice Expressions,
@codedjango
@codedjango 3 жыл бұрын
Please do cover sidebar too...this is 1 topic that everybody skips...hope you won't 🙏🙏
@NetNinja
@NetNinja 3 жыл бұрын
I will be doing, later in the series :)
@redietabreham4628
@redietabreham4628 7 ай бұрын
thank you very much
@NetNinja
@NetNinja 7 ай бұрын
No problem! :)
@user-bl6mp9pe8b
@user-bl6mp9pe8b 9 ай бұрын
Great Video
@NetNinja
@NetNinja 9 ай бұрын
Thanks!
@5ashll303
@5ashll303 Жыл бұрын
can you apply affects to the container? as in changing it's colour? and is there a way to add a border to it?
@zquadae7327
@zquadae7327 6 ай бұрын
yeah
@botanicalbiohacker
@botanicalbiohacker 11 ай бұрын
Brilliant stuff, but flummoxed by adding an image. Just have an empty placeholder. Don't know how to fix.
@john_yeager
@john_yeager 2 жыл бұрын
bootstrap or pure css with grid ?🤔
@HoudinifyThisMotha
@HoudinifyThisMotha Жыл бұрын
Great video, thx! Can someone tell me how to put 3 equal containers side-by-side? I cant for the life of me figure it out.
@sallybugs1695
@sallybugs1695 Жыл бұрын
Display:inline
@machmeter1018
@machmeter1018 Жыл бұрын
@remember.772
@remember.772 3 ай бұрын
The container xl is not working the same as u
@earl5270
@earl5270 2 жыл бұрын
I'd rather use plain CSS. This is too confusing for kr
@ihsannuruliman3656
@ihsannuruliman3656 3 жыл бұрын
I've learnt about Bootstrap and used it but still don't get why this framework is so popular. It covers basic stuff that actually CSS can handle it very easily and with more control. Can you please explain why we really should be using it?
@w0mblemania
@w0mblemania 2 жыл бұрын
There are many reasons, but the main ones are: - a framework allows you to concentrate on the design, instead of the implementation. It's a higher way of working which emphasises the use and reuse of "primitives" (components) instead of excessive customisation. - it reduces a lot of the boilerplate you have to write and maintain. - the code gets battle tested by other guinea pigs, saving you time and grief. - the framework provides new HTML/CSS features even on older browsers, through backward compatibility Cheers.
@ihsannuruliman3656
@ihsannuruliman3656 2 жыл бұрын
@@w0mblemania I think u misinterpreted what I meant. I didn't argue against css framework, but I argued against Bootstrap. There are some frameworks that are powerful actually like Tailwind and Material UI which offer the points you raised and at the same time offer full control over the user. That doesn't happen in Bootstrap it's very limited and actually a lot of the stuff can be done easily with vanilla css.
@williamsenior717
@williamsenior717 2 жыл бұрын
1) a lot of people pretend to understand css but end up producing horrible looking results, bootstrap resolves that ,anyone can download a template and produce a very good looking website in no time. 2) Simply put, a lot of people hate css and are happy to use a framework like bootstrap. 3) companies want consistency, and code that can be easily understood and maintained by any developper ,they dont want , everyone to leave behind their own little ambitious custom codes that is hard to understand and most of the time unmaintainable.
@ihsannuruliman3656
@ihsannuruliman3656 2 жыл бұрын
@@williamsenior717 again, you're just repeating the misunderstanding of my arguments
@williamsenior717
@williamsenior717 2 жыл бұрын
@@ihsannuruliman3656 then your question is not clear or you asked the wrong question , read back your own question . people cant respond to what you are thinking , put it in clear plain english words
@user-im8dp6kv5f
@user-im8dp6kv5f 7 ай бұрын
don't even help me this video :(
Bootstrap 5 Crash Course Tutorial #7 - Grid Layout (part 1)
11:57
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 928 М.
New model rc bird unboxing and testing
00:10
Ruhul Shorts
Рет қаралды 24 МЛН
🤔Какой Орган самый длинный ? #shorts
00:42
Alex hid in the closet #shorts
00:14
Mihdens
Рет қаралды 12 МЛН
Learn CSS Positioning Quickly With A Real World Example
8:32
Slaying The Dragon
Рет қаралды 618 М.
Bootstrap 5 Crash Course Tutorial #4 - Buttons & Button Groups
6:59
Master Media Queries And Responsive CSS Web Design Like a Chameleon!
9:44
Slaying The Dragon
Рет қаралды 308 М.
Learn CSS Subgrid in 14 minutes
14:19
Slaying The Dragon
Рет қаралды 64 М.
New Grid System in Bootstrap 5 (Practical Examples)
19:08
ByteGrad
Рет қаралды 25 М.
Protocol Buffers Crash Course
36:07
Hussein Nasser
Рет қаралды 239 М.
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,5 МЛН
Top 10 Advanced CSS Responsive Design Concepts You Should Know
20:16
Web Dev Simplified
Рет қаралды 511 М.
Bootstrap 5 Crash Course Tutorial #5 - Utility Classes
12:16
Net Ninja
Рет қаралды 134 М.
New model rc bird unboxing and testing
00:10
Ruhul Shorts
Рет қаралды 24 МЛН