Bootstrap has a few functions that can be called manually on modals:

$('#myModal').modal('toggle');
$('#myModal').modal('show');
$('#myModal').modal('hide');

You can see more here: Bootstrap modal component

Specifically the methods section.

So you would need to change:

$('#my-modal').modal({
    show: 'false'
});

to:

$('#myModal').modal('show');

If you're looking to make a custom popup of your own, here's a suggested video from another community member:

How to create a custom popup using jQuery and CSS

Answer from Chase on Stack Overflow
🌐
Bootstrap
getbootstrap.com › docs › 4.0 › components › modal
Modal · Bootstrap
Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
🌐
Bootstrap
getbootstrap.com › docs › 5.0 › components › modal
Modal · Bootstrap v5.0
Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
🌐
W3Schools
w3schools.com › bootstrap › bootstrap_ref_js_modal.asp
Bootstrap JS Modal Reference
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
🌐
Bootstrap
getbootstrap.com › docs › 5.3 › components › modal
Modal · Bootstrap v5.3
They return to the caller as soon as the transition is started, but before it ends. In addition, a method call on a transitioning component will be ignored. Learn more in our JavaScript docs. Activates your content as a modal. Accepts an optional options object. const myModal = new bootstrap.Modal('#myModal', { keyboard: false })
🌐
Bootstrap
getbootstrap.com › docs › 3.4 › javascript
JavaScript · Bootstrap
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="". Activates your content as a modal.
🌐
MDBootstrap
mdbootstrap.com › standard › modal
Bootstrap Modal - free examples & tutorial
Modals are built with HTML, CSS, and JavaScript. They’re positioned over everything else in the document and remove scroll from the <body> so that modal content scrolls instead.
🌐
Bootstrap
getbootstrap.com › docs › 4.6 › components › modal
Modal · Bootstrap v4.6
Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Find elsewhere
🌐
W3Schools
w3schools.com › bootstrap › bootstrap_modal.asp
Bootstrap Modal Plugin
For a complete reference of all modal options, methods and events, go to our Bootstrap JS Modal Reference. ... If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail: sales@w3schools.com · If you want to report an error, or if you want to make a suggestion, send us an e-mail: help@w3schools.com · HTML Tutorial CSS Tutorial JavaScript Tutorial How To Tutorial SQL Tutorial Python Tutorial W3.CSS Tutorial Bootstrap Tutorial PHP Tutorial Java Tutorial C++ Tutorial jQuery Tutorial
🌐
GeeksforGeeks
geeksforgeeks.org › bootstrap-5-modal-via-javascript
Bootstrap 5 Modal Via JavaScript | GeeksforGeeks
August 6, 2024 - Bootstrap 5 Modal is used to show dialogues to the frontend user using bootstrap's JavaScript library. The Modal used Bootstrap's fade animation when it is opened and closed.
🌐
Tutorial Republic
tutorialrepublic.com › twitter-bootstrap-tutorial › bootstrap-modals.php
How to Create Modals with Bootstrap 5 - Tutorial Republic
You may also activate a Bootstrap modal window via JavaScript — just call the modal() Bootstrap method with the modal id or class selector in your JavaScript code.
🌐
GitHub
github.com › jschr › bootstrap-modal
GitHub - jschr/bootstrap-modal: Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more. · GitHub
Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more. - jschr/bootstrap-modal
Starred by 5K users
Forked by 1.1K users
Languages   JavaScript 80.6% | CSS 19.4%
🌐
Quora
quora.com › How-do-I-pop-up-open-a-bootstrap-modal-using-JavaScript-I-am-using-Bootstrap-5-3-1
How do I pop up/open a bootstrap modal using JavaScript? I am using Bootstrap 5.3.1.
To open a Bootstrap modal using JavaScript in Bootstrap 5.3.1, you can follow these steps: * Add the Modal HTML Structure: First, you need to have the HTML structure for your modal.
🌐
MDBootstrap
mdbootstrap.com › standard › modal show, close, hide & toggle
Bootstrap 5 Modal Show, Close, Hide & Toggle - free examples
const myModalEl = document.getElementById('myModal') const modal = new mdb.Modal(myModalEl) modal.toggle()
🌐
MDB
mdbootstrap.com › standard › how to use bootstrap modal
How to use Bootstrap Modal - code helpers
Modals are built with HTML, CSS, and JavaScript. They’re positioned over everything else in the document and remove scroll from the <body> so that modal content scrolls instead.
🌐
npm
npmjs.com › package › bootstrap-modal-js
bootstrap-modal-js - npm
<a href="javascript:;" id="xx">text</a> <script src="https://cdn.jsdelivr.net/npm/bootstrap-modal-js/dist/bootstrap-modal-js.min.js"></script> <script src="./dist/bootstrap-modal-js.js"></script> <script> const xx = document.querySelector("#xx"); xx.addEventListener("click", function () { bootstrapModalJs(parameter); } </script> OR MORE ·
      » npm install bootstrap-modal-js
    
Published   Oct 07, 2021
Version   2.0.1
Author   ZhangChengLin
🌐
SitePoint
sitepoint.com › blog › bootstrap › understanding bootstrap modals
Understanding Bootstrap Modals — SitePoint
November 6, 2024 - They are divided into three sections: the header, body, and footer, each serving a unique purpose. No JavaScript coding is necessary as all code and styles are predefined by Bootstrap.