Bootstrap Makers/Tools
|
Buttons
|
Tables
|
Modal
|
Carousel
|
Dropdown
|
Accordion
|
Badges
|
Other Tools
Popovers
Breadcrumbs
Progress
Alerts
Tooltips
Spinner
Pagination
Range
Floating Labels
Text Styles
Link Maker
|
About
Bootstrap 5 Modal Maker Tool
Set the Modal Options Below:
Modal Title
Title Color
Default
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Title Size
Small
Medium
Large
Make Title Bold
Modal Body Text
Body Text Size
Small
Medium
Large
Modal Footer Content
Footer Text Color
Default
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Footer Text Size
Small
Medium
Large
Modal Size
Default
Small
Large
Extra Large
Static Backdrop
Enable Scrollable Content
Vertically Centered
Remove Animation
Custom Header Background Color
Preview Modal
Live Preview
Copy Code
Copy Code
A few options explained!
Why do we use Static Backdrop?
Static Backdrop prevents the modal from closing when you click outside of it.
Why Enable Scrollable Content option?
In certain cases, your content for the modal may be too long. Scrolling Content allows you to scroll the modal's body if its content is long.
What is Remove Animation option for?
This option disables the fade-in/out animation for the modal.