⚠️Attention! There is a newer version of this tutorial, published after the stable release of Bootstrap 5 (in May 2021): kzitem.info/news/bejne/04eo34OJspiJoH4&ab_channel=KeepcodingKeepcoding
@3lolrenz3
3 жыл бұрын
it says that it's unavailable?
@Mdbootstrap
3 жыл бұрын
@@3lolrenz3 link was broken. Try it now ;)
@jfbonner1702
Жыл бұрын
If you refresh the page the timer resets. I don’t know whether to find it funny or irritating
@MortalinaMortifera
Жыл бұрын
What have you done. You demolished a important moment in internet history, for a Framework website
@stabelgaplerytk
Жыл бұрын
You massacred the website :/
@Mdbootstrap
Жыл бұрын
No we didn't. More on the case of hank.com here: twitter.com/MDBootstrap/status/1621416132094689280
@MortalinaMortifera
Жыл бұрын
@@Mdbootstrap i beg you… where is the website…
@DawidAdach
4 жыл бұрын
Agenda: 1:14 What is Bootstrap? 5:13 Bootstrap 4 vs Bootstrap 5 (What's new in Bootstrap 5) 10:10 Installation 13:32 New Bootstrap Grid System 24:28 Buttons 27:41 Cards 34:50 Text utilities 44:35 Responsive images 47:31 Spacing 54:54 Tables 1:01:03 Alerts & Toasts 1:08:45 Carousel 1:10:35 Scrollspy 1:12:40 Navs & Navbars 1:18:40 Bootstrap Icons 1:21:04 Forms
@gamejs8402
3 жыл бұрын
قوم بتثبيت هاذا التعليف لكي يحصل عليه الجميع
@joshuazak5342
4 жыл бұрын
Keep doing what you do! You’re are one of the best on youtube - no bs (bullshit, not bootstrap) and no ads!!! Thank YOU!
@Mdbootstrap
4 жыл бұрын
Thank you! I really appreciate
@Bruno21389
3 жыл бұрын
I'm a backend dev but my company need a fullstack dev and here i'm to learn this part of frontend.
@tonyocnos6691
3 жыл бұрын
I know how that feels... :D Good luck!
@Derfinater
3 жыл бұрын
Welcome!
@ilias_sami
3 жыл бұрын
what do backend dev's need to know?
@jayjayang1375
3 жыл бұрын
Good luck! :)
@OasisFinder
3 жыл бұрын
In India you are not even considered as developer until you know both, and ready to work as low pay as they give you :-(
@MichaSzymanskiBF
4 жыл бұрын
Finally Bootstrap 5! Great video Dawid, thanks
@Hephasto
3 жыл бұрын
did you learn it
@elijahlong7791
Жыл бұрын
Just go on the Wayback Machine
@Mdbootstrap
Жыл бұрын
Don't shoot the messenger. More on the case of hank.com here: twitter.com/MDBootstrap/status/1621416132094689280
@kek4337
Жыл бұрын
Tf did you do to the website.
@Mdbootstrap
Жыл бұрын
Don't shoot the messenger. More on the case of hank.com here: twitter.com/MDBootstrap/status/1621416132094689280
@takhmina5410
3 жыл бұрын
ive been quite off with my love relationship but you, sire, were the first shot in the long run. j'adore!
@monfreign
3 жыл бұрын
played it at 1.5 speed, works amazing! sub earned
@andrewmuniz5283
3 жыл бұрын
This is probably the most comprehensive bootstrap video I have seen..Thank you!
@lokeshnagar5863
4 жыл бұрын
90% bootstrap 4 , thanks for your dedication
@ddbiz
3 жыл бұрын
A word of advice - turn up the audio next time, it's really quiet. Other than that this is a great video, thank you.
@janbartels6975
3 жыл бұрын
In Bootstrap 5 "text-right " has been replaced with "text-end", "float-right" is now "float-end" and the left equivalent of both is "-start" instead of "-left"
@luisviibuot9721
3 жыл бұрын
thx
@a_lady_and_her_computer
3 жыл бұрын
thank you
@aleksdeveloper698
2 жыл бұрын
Omg, you saved my project!
@junesuprise
3 жыл бұрын
This .row*3 etc + tab blowed my mind. I want to write frontend more often now
@crooker2
3 жыл бұрын
That's Emmet. :)
@AS-mt7vp
4 жыл бұрын
Kudos to people like u to find time to make such crash courses to make me brush up skills, thank you!
@tonyocnos6691
3 жыл бұрын
This channel is just amazing! I am amazed how huge and neat the Dev-youtubers community is getting and their quality is just astonishing! I am about to do a web portfolio and this video is so great and useful for that!
@PeachiiWubs
3 жыл бұрын
I recommend youtubing profile site tutorials. You'll get some good ideas.
@rohanshoaib1475
4 жыл бұрын
Great Introduction to Bootstrap 5. I am new to Bootstrap and I am so happy that I landed on this video, wish you great success for your next videos.
@Mdbootstrap
4 жыл бұрын
Glad it was helpful!
@AsifAkhtar20
3 жыл бұрын
1:14 What is Bootstrap? 5:13 Bootstrap 4 vs Bootstrap 5 (What's new in Bootstrap 5) 10:10 Installation 13:32 New Bootstrap Grid System 24:28 Buttons 27:41 Cards 34:50 Text utilities 44:35 Responsive images 47:31 Spacing 54:54 Tables 1:01:03 Alerts & Toasts 1:08:45 Carousel 1:10:35 Scrollspy 1:12:40 Navs & Navbars 1:18:40 Bootstrap Icons 1:21:04 Forms
@umarfarooqsays
4 жыл бұрын
I loved this video and learned alot. Thanx for this video . I have liked and shared this video to my facebook.
@kilianhauber.privat
3 жыл бұрын
Thanks🔥 finally i found a good bootstrap 5 full course👍🏼
@Mdbootstrap
3 жыл бұрын
Great to hear! However, please check the updated version here: kzitem.info/news/bejne/04eo34OJspiJoH4
@jessg3882
3 жыл бұрын
I am trying to learn bootstrap for the first time and was getting muddled with all the terms that are brand new to me - THANK YOU for bringing them all to life for me so I can get to grips with things :D
@nawalhussein1891
3 жыл бұрын
Great course! Thank you, you've got yourself a fan.
@yeasirarafat6925
3 жыл бұрын
thank you very much. just completed this whole video. really cool presentation
@akashdamle3731
3 жыл бұрын
You know it's an MD Developer when he uses Material Design styles in the presentation xD. Awesome work.
@compilations756
3 жыл бұрын
yo thank you fr, i have been coding for one month this really helped
@vrajgandhi4175
4 жыл бұрын
Your tutorial video cleared my all concepts about the bootstrap..... Thanks for this video!!!!!
@egbecharze2780
Жыл бұрын
You are too good. You are really empowering people round the world most especially in Africa
@artemdeveloper7304
3 жыл бұрын
I'm from Ukraine, thank you. Very sensible video. Unfortunately I did not find anything similar in Russian. Like from me. Я из Украины. Спасибо. Очень толковое видео. К сожалению не нашел ничего похожего на русском языке. От меня лайк.
@Tussu17
2 жыл бұрын
How uh doing now? 💀
@Ritesh.Kumar_Fitransform
3 жыл бұрын
Great Video , Very Informative ... Thank You For The Required Knowledge !
@Mdbootstrap
3 жыл бұрын
My pleasure :)
@where9810
3 жыл бұрын
I learned basic bootstrap, Thank you so much.!
@yusufbdliyapeter2073
3 жыл бұрын
Thanks sir this what I am looking for because I want to learn more of HTML coding
@Os1r1s110
4 жыл бұрын
Quick comment so you may fix the little typo. At around 40 minutes (talking about typography) you have mentioned a component which is "blockquote " but you say it as "blackquote" and made the typo too. Otherwise nice overview of the bs5 components 😉
@Mdbootstrap
4 жыл бұрын
Thanks! Noticed that after video already uploaded :( We will fix it in the next tutorial :)
@mofe620
3 жыл бұрын
Amazing presentation. Thanks a lot!
@lara-ce2kg
Жыл бұрын
You ruined the site
@Mdbootstrap
Жыл бұрын
Nope, we are not the owner of the site. More info on the case: twitter.com/MDBootstrap/status/1621416132094689280
@99Reviews
3 жыл бұрын
39:39 correction* its a blockquote not blackquote, you can thank me later
@mandrakezenfone572
4 жыл бұрын
tnx for the tutorial ... i use bootstrap 3 on my project and stop for long time ... then i saw if bootstrap 5 has already, then must learn again .. ^__^ ...
@andreboateng671
3 жыл бұрын
Thanks for the great tutorial David!!!
@OpenCode
3 жыл бұрын
Your video is awsome ❤ One more thing plz try to not say E... or Em... 😅
@Mdbootstrap
3 жыл бұрын
I will try my best 😅
@carlgreat007
3 жыл бұрын
Good job, thank you very much!
@consig1iere294
3 жыл бұрын
Awesome tutorial but I don't think this is for beginners. I have no idea why classes are being named in certain ways. Is that Bootstrap rule?
@juhamursula
3 жыл бұрын
This course is certainly NOT a crash course. For example, the logic of the class names is not explained in any way.
@klaudiaizabela78
3 жыл бұрын
Thank you for the tutorial, very useful!
@khabbas7911
4 жыл бұрын
Appreciate your hard work. Please talk little louder, sorry but I sleep in between the video 😂😂
@peanutz8638
3 жыл бұрын
the "hm" and "so" are driving me nuts lol but I still sticked around till the end !!!! thank you, good job
@PeachiiWubs
3 жыл бұрын
I assume English isn't his first language. He's probably looking for the word.
@Tuby
4 жыл бұрын
I have built the bootstrap website online on bootstrap.build/ based on your tutorial. I used before the Startup designmodo.com/startup/, the first version. Do you think it's a good idea to try the last version with improvements?
@okokayay
3 жыл бұрын
Very useful tutorial, thx for everything.
@banicans5299
3 жыл бұрын
What i just found funny I'm watching it at the same time of day he made it :)
@codeinnovior
4 жыл бұрын
Wonderful presentation!! Thanks for the video.
@alexandraleal6617
4 жыл бұрын
Excellent video, extremely creative and fun, I love it, you are excellent at creating this type of content
@Mdbootstrap
4 жыл бұрын
Glad you enjoy it!
@kamilsmosna8592
3 жыл бұрын
Dzięki za uzupełnienie informacji które zdobyłem od Mirosława Zelenta :)
@archiem6323
3 жыл бұрын
Wow, Im glad i found you. I notmally watch Travis, but you are awesome. Thanks for putting your knowledge out there for us to learn. -zone34 here😃
@Mdbootstrap
3 жыл бұрын
Thank you, you are too kind ;) Appreciate that!
@miketaylor253
3 жыл бұрын
Iam confused, if it's a crash course for beginners, why are you referring to what is different between 4->5?
@igorr4682
3 жыл бұрын
Pozdrowienia z Chicago! Good stuff
@Mdbootstrap
3 жыл бұрын
Dzięki!
@confuciussays4789
3 жыл бұрын
Great video ... Just 1 problem. I've written my code Exactly as code in video, using Visual Studio Code, but I'm only getting 1 Column across the screen with multiple rows ... Any advice appreciated 😁
@Mdbootstrap
3 жыл бұрын
Don't worry! Post your code and question here: facebook.com/groups/682245759188413 And you will get immediate support :)
@damianodamian7907
3 жыл бұрын
Nice tutorial! At 20:00 how would you explain the syntax [class*="col"] { . . . . . . . . . } ?
@Mdbootstrap
3 жыл бұрын
This will apply styles to elements that have a class attribute value containing "col"
@damianodamian7907
3 жыл бұрын
@@Mdbootstrap Now I got it, thank you so much
@emmanueladutwumkyei2934
3 жыл бұрын
Wow i think this's really gonna help me a lot
@IARRCSim
4 жыл бұрын
36:13 Why would you use hx classes instead of the tag name? The video says "if for some reason we can't use an associated HTML element" but when would that ever happen? The h1, h2.. tags are more semantic so it sounds like a bad practice to not use those tags for what really is a heading.
@Mdbootstrap
4 жыл бұрын
This is i.e. because you want to use multiple H1 elements on the page but Google requires you to use only single H1 per page so if you use more, your SEO will suffer.
@yoonmi385
3 жыл бұрын
Great tutorial but am I the only one who noticed surprised it worked was his mis-spelling of blockquote --- he says blackquote and typed blackquote - I'm not trying to be critically, I just was confused until I saw it correctly below when he had blockquote.
@TheWorldCricketSports.
3 жыл бұрын
thank you so much to create this tutorial for us i learned a lot from this tutorial again thankyou sir
@Mdbootstrap
3 жыл бұрын
Glad to hear that
@TheWorldCricketSports.
3 жыл бұрын
Sir i'am a student In the past, I used Angler material BUT NOW MDBOOTSTRAP like it very much Can't it be that you consider me a student and give me free. I will be grateful to you Even if you don't, thank you
@hosseinjavan137
3 жыл бұрын
awesome tutorial thank you
@code-snippets
3 жыл бұрын
Thank you very much, very good course, I learned a lot with this video!!
@Mdbootstrap
3 жыл бұрын
Glad it was helpful!
@Luis-tm2gp
4 жыл бұрын
What VS Code theme are you using. This looks so nice!!!
@Mdbootstrap
4 жыл бұрын
Entire list of my extensions and themes : kzitem.info/news/bejne/x55vnZ6lb4qmpW0 :)
@codingtonic2023
3 жыл бұрын
Sir I love this video MDB and I lerned lot off things. thnks a lot . Sir plz provide this material to learn . PLZZ plzzz plzzz sir ....🙏🙏🙏🙏
@TheHodgestr
3 жыл бұрын
I am just learning MDB for a project I am working on and this has been very helpful. I am wondering in video 44:16, how did you highlight all the tags and then typed in the class info so that it auto-typed the same info in all the other list items? Sorry I hope that makes sense. Very nice trick.
@Mdbootstrap
3 жыл бұрын
Keep pressed ALT and click in different places with your mouse :) Check also this video: kzitem.info/news/bejne/x55vnZ6lb4qmpW0&ab_channel=MDB-justcodeit
@MrAizakku
3 жыл бұрын
How did you select multiple items to add a class designation to all three at once around 44:00 ?
@Mdbootstrap
3 жыл бұрын
You will get answer here: facebook.com/groups/682245759188413 :)
@mrinalsahu7564
3 жыл бұрын
how did you type class after all 3 together?? awesome video btw
@Mdbootstrap
3 жыл бұрын
Multi select :)
@mrinalsahu7564
3 жыл бұрын
@@Mdbootstrap i was asking how to multiselect but then i tried some key combinations and got it Ctrl + alt + arrow key✌️
@JavaScriptJolt
3 жыл бұрын
I’m having trouble with the carousel; all my images are too big. Do all the images need to be exactly the same size? If so, what software are using to modify the images and how are you doing it? Also, are you using css to modify the images? Thanks in advance!
@Mdbootstrap
3 жыл бұрын
Thanks for letting me know about the issue. Let me move this conversation to the forum, please create a ticket here: mdbootstrap.com/support/ It's much easier to solve issues there instead of the YT comment section. You can specify your device, browser, OS and above all, you can add a code snippet if you need. Me or one of my colleagues will do our best to help you out. PS. If your ticket refers to a video, please add the timestamp of the point where the problem occurred
@parimakashyap5999
4 жыл бұрын
please be louder next time! thankyou for the video
@Mdbootstrap
4 жыл бұрын
Will do!
@iro3d
3 жыл бұрын
Great tutorial. BTW, how do you split the cursor into several, to edit several places at once?
@Mdbootstrap
3 жыл бұрын
Keep ALT pressed and click in different screen areas
@ramunas_
3 жыл бұрын
Good explanation! Thanks! Is here a component in v5 which helps to build horizontal scrollable line with components (buttons/div elements)? If screen becomes to narrow, then appears left/right buttons to scroll accordingly.
@Mdbootstrap
3 жыл бұрын
Post question on our group. I am sure someone will help you :) facebook.com/groups/682245759188413
@pacho2097
3 жыл бұрын
Be me Online school Teacher sends link to yt video about bootstrap 5 says don't be intimidated about it's length *an hour and a half long video*
@gaatutube
4 жыл бұрын
Good overview. But that toast methods seemed extremely un-wieldly and overly complex.
@Mdbootstrap
4 жыл бұрын
How would you suggest to implement it? It seems pretty straight forward - get element, initialize and fire :)
@UrbanBong
4 жыл бұрын
I have defined a simpler toast method in my video , you can check it out
@IARRCSim
4 жыл бұрын
At 43:12 the ul must is not allowed to be direct child of ul. The video shows invalid HTML. The fix would be to put the nested ul in an li.
@bitman666
3 жыл бұрын
39:45 Blackquotes? Did you mean Blockquotes? If so, why didn't the class assignment complain?
@arturdziepak
4 жыл бұрын
Dzięki! :)
@parimakashyap5999
4 жыл бұрын
Sir, in button search on navbar , when i add space between words the word breaks, i want it to get wrap in single line!! Help please !! Thankyou in advance!
@LuisSanchez-sy4rp
3 жыл бұрын
Hi. nice video and update. I wondering why I cant see the magic when I type . row-md-8. Should I install any librry from vscode.? Regards
@Mdbootstrap
3 жыл бұрын
VSCode should have Emmet installed by default. If not, try to install it manually.
@LuisSanchez-sy4rp
3 жыл бұрын
@@Mdbootstrap when I type popup a windows with options with Emmet but it does not what you should. What I did was, install Bootstrap 4 and now respond well. I think I may type the rest to use boot 5. Thank again
@ChristianMay21
3 жыл бұрын
Not really recommending this video for beginners - seems great for people looking for what's new in Bootstrap 5, but there's just too many parts where he - intentionally or otherwise - assumes prior knowledge of Bootstrap.
@nirmalsankalana6479
3 жыл бұрын
Thank you very much dear...!!!
@solodevelopersolo
3 жыл бұрын
Good video
@saroshahmed7097
4 жыл бұрын
Great
@AGUNGKAYA
3 жыл бұрын
oh pls tell us every shortcut you use. We are a beginner Sir....
@SonidoScoobyDoo
3 жыл бұрын
what about making carousel "touchable" ?
@jeetfansclub9275
4 жыл бұрын
this video is one of the best video. i love this video.
@Mdbootstrap
4 жыл бұрын
Thanks!
@mariavolcan6168
4 жыл бұрын
informative and interesting. Excellent
@user-or2qk3zc3w
9 ай бұрын
cool video)
@Mdbootstrap
9 ай бұрын
Thank You! Keep Coding :)
@naftoliost4534
4 жыл бұрын
Great walk through What visual Studio extension are you using?
@DawidAdach
4 жыл бұрын
Live server + built in emmet :) Additionally - you can use Beautify or Prettier to take care of your code formatting.
@naftoliost4534
4 жыл бұрын
@@DawidAdach thanks! Gotta try them out
@Mdbootstrap
4 жыл бұрын
I created special video dedicated to VS Code extensions I use :) kzitem.info/news/bejne/x55vnZ6lb4qmpW0
@denisadolis6829
3 жыл бұрын
Very nice video. I have some question tough: 1. what do you mean the 5 version dropped the support for IE? WIll not work at all? or will not have some feautures? 2. it can be customized with our own variables in the project? or I have to overwrite them? Can we customize also the grid, for exaple instead of 12 to have 24?
@Mdbootstrap
3 жыл бұрын
Ad 1. It means that it won't be officially supported. It may work (and many things will) but if something won't - Bootstrap team don't commit/promise to solve that. Ad 2. Check Bootstrap variables to see what can be overwrite: getbootstrap.com/docs/5.0/customize/css-variables/
@denisadolis6829
3 жыл бұрын
@@Mdbootstrap Thanks for the reply. I'm currently investigating to migrate from 3.3.7 to 5, not quite easy with all the customized project requirements. I need to overwrite the !default breakpoints variables also. Not made it till now, but hope to find a workable solution :D. Nice features on the new version btw, exactly what I nedded.
@divboo6284
3 жыл бұрын
Helpful tutorial but definitely not for the beginners lol It is mostly for the already bootstrap users who want a glimpse at the newest version.
@tanzimibthesam5861
4 жыл бұрын
Awesome effort I still.love Tailwind though but B5 dropping jQuery what a revolution
@Hsa008
3 жыл бұрын
Loser why you sell tailwing everywhere. Are you bangladeshi?
@crooker2
3 жыл бұрын
Did you say there's a much smoother upgrade path from BS4 to BS5?
@UrbanGuitarLegend
3 жыл бұрын
Hi David, thank you for the video I am learning a lot. What I am struggling with is working with data. I'm trying to add "dynamic" data to a form in a modal window so I can then insert that into a database. I'm just learning Bootstrap 5 for the first time and see that jQuery is no longer needed. BUT do I still need JavaScript in general to work with data dynamically on the page. I'm speaking of data in a Bootstrap table that I pull from a database. I can't figure out how to get the data from a particular row into a modal. My tools are: Vim Perl Dancer2 (DBI, DBD::Oracle) Oracle XE database Bootstrap 5
@Mdbootstrap
3 жыл бұрын
Please post question on our facebook group : facebook.com/groups/682245759188413
@codyhale5781
3 жыл бұрын
Would anyone why using npm is the best way to integrate bootstrap into your project vs just dragging and dropping the source files into the project?
@saroshahmed7097
4 жыл бұрын
hi how to apply style in design block please make a video
@altadachi
4 жыл бұрын
informative and interesting👍
@jesiooooo
3 жыл бұрын
Thanks for that video
@Mdbootstrap
3 жыл бұрын
My pleasure :)
@hamidrezaferdosei-dz7dy
3 жыл бұрын
good
@user-ul6or4jm9c
4 жыл бұрын
and now I can install bootstrap 5 to react vue angular without any vue-bootstrap or what?
Пікірлер: 255