https://github.com/mdbootstrap/bootstrap-modal-form

Bootstrap modal forms are displayed-on-action pop-up forms that are used for gathering data from website visitors, to register or log users.
https://github.com/mdbootstrap/bootstrap-modal-form

bootstrap bootstrap-form bootstrap-modal bootstrap-modal-forms bootstrap-template bootstrap-theme bootstrap5 html

Last synced: 12 months ago
JSON representation

Bootstrap modal forms are displayed-on-action pop-up forms that are used for gathering data from website visitors, to register or log users.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-modal-form
Owner: mdbootstrap
License: other
Created: 2022-09-08T13:43:14.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2022-09-19T11:23:42.000Z (over 3 years ago)
Last Synced: 2025-03-02T22:08:46.146Z (over 1 year ago)
Topics: bootstrap, bootstrap-form, bootstrap-modal, bootstrap-modal-forms, bootstrap-template, bootstrap-theme, bootstrap5, html
Language: SCSS
Homepage: https://mdbootstrap.com/docs/standard/extended/modal-form/
Size: 1.09 MB
Stars: 0
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

Bootstrap modal forms are displayed-on-action pop-up forms that are used for gathering data from website visitors, to register or log users.

Check out [Bootstrap Modal form Documentation](https://mdbootstrap.com/docs/standard/extended/modal-form/) for detailed instructions & even more examples.

## Simple modal login

[Bootstrap Modal form:
![Bootstrap 5 Modal form](/assets/simple-modal-login.png)](https://mdbootstrap.com/docs/standard/extended/modal-form/#section-simple-modal-login)

```html

Launch modal login form

```

## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[Bootstrap Simple modal register:
![Bootstrap 5 Modal form](/assets/simple-modal-register.png)](https://mdbootstrap.com/docs/standard/extended/modal-form/#section-simple-modal-register)

[Bootstrap Simple modal subscription:
![Bootstrap 5 Modal form](/assets/simple-modal-subscription.png)](https://mdbootstrap.com/docs/standard/extended/modal-form/#section-simple-modal-subscription)

[Bootstrap Simple modal contact:
![Bootstrap 5 Modal form](/assets/simple-modal-contact.png)](https://mdbootstrap.com/docs/standard/extended/modal-form/#section-modal-with-avatar)

[Bootstrap Modal with avatar:
![Bootstrap 5 Modal form](/assets/modal-with-avatar.png)](https://mdbootstrap.com/docs/standard/extended/modal-form/#section-submenu)

___

## More extended Bootstrap documentation