Not working with Bootstrap?

[Sennik]

I use Bootstrap in my projects so I changed the templates to use the Bootstrap modal instead of the tailwind one but the modal is not opened when I load the page (It is in the source).

<div id="oreos-popup" class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h2 id="oreos-popup">
                    {{ trans key="statamic-oreos::messages.popup.headline" }}
                </h2>
                <div class="modal-body">
                    <p>
                        {{ trans key="statamic-oreos::messages.popup.intro" }}
                    </p>
                    {{ oreos:form description="true" details="true" }}
                </div>
            </div>
        </div>
    </div>
</div>

I assumed the us of the id oreos-popup should do the trick, but is doesn't. Is there a Bootstrap version available?