Modals in Bootstrap 5 | Learn basics and discover hidden options

preview_player
Показать описание
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 -

🎁 50% discount code (time-limited promotion) - YT50PRO

👨‍👩‍👧‍👦 If you have any questions - don't hesitate to ask on our Facebook group:

⭐ Support the creation of open-source packages with a STAR on GitHub

_______________________________
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.👍

archiem
Автор

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!

ClaudioRowe
Автор

Are the modal blocks no longer available?

pbekskpn
Автор

it won't work in my project if i literally copy and paste it, what can i be missing?

ClaudioRowe