Modals in Bootstrap 5 | Learn basics and discover hidden options
HTML-код
- Опубликовано: 14 июн 2024
- Learn about Bootstrap 5 Modals.
Thanks to Bootstrap, with the usage of HTML, CSS, and a bit of JavaScript, you can easily add responsive popups to your website.
With this tutorial, you will learn the basic usage of the modal dialogs and you will also discover a few awesome, hidden options.
📰 If you prefer written tutorials, you will find 25+ lessons on Bootstrap here -
mdbootstrap.com/learn/mdb-fou...
📥 MDB UI KIT FREE download - mdbootstrap.com/
📄 Forms source code and documentation - mdbootstrap.com/docs/standard...
🎥 Bootstrap grid tutorial - • Bootstrap 5 Grid Syste...
💎 MDBootstrap Pro - mdbootstrap.com/docs/standard...
🎁 50% discount code (time-limited promotion) - YT50PRO
📤 FREE hosting - mdbgo.com/
🎥 MDB GO / CLI - installation & tutorial • MDBGO - CLI - Install
👨👩👧👦 If you have any questions - don't hesitate to ask on our Facebook group:
/ 682245759188413
⭐ Support the creation of open-source packages with a STAR on GitHub
github.com/mdbootstrap/mdb-ui...
_______________________________
Table of Contents
0:00 Intro
0:18 Installation
2:00 Basic information about modals
3:19 Construction of the modal
4:02 Closing the modal
4:33 Static backdrop (preventing the closing)
5:42 Modal scrollbar (scrolling long content)
7:22 Vertically centered
7:58 Grid inside the modal
8:41 JavaScript usage
10:29 Advanced examples
12:03 Modal builder
13:24 Modal templates
14:06 Using free hosting for Bootstrap projects
#modals#bootstrap5#tutorial
I love 😍Modals in bootstrap 5. Thanks for making this video. Always a fan.👍
Glad you liked it!
@@Mdbootstrap 😊
Thank you bro
No problem :)
Are the modal blocks no longer available?
i have a question! if you use the mdb-angular-ui-kit as it comes in the folder, with a tgz extension, will it generate problems in windows at compilation? Thanks!
It should not :)
it won't work in my project if i literally copy and paste it, what can i be missing?
This is a MDB Standard tutorial. MDB Angular modals won't work, because It's different coding technology.
@@Mdbootstrap allrighttt. So there is a different documentation for Angular MDB?
@@ClaudioRowe mdbootstrap.com/docs/angular/ :)
@@Mdbootstrapthanks bud, i love you
@@ClaudioRowe no problem mate :)