Bootstrap 5 Modal not showing

I have included Bootstrap 5 as a Nuget package and trying to set up a modal on a page. Other aspects of Bootstrap 5 are working as intended.

<div class="col-12">
<button type="button" class="btn entry-button" data-bs-toggle="modal" data-bs-target="#logInModal">Log In</button>
<div class="modal" id="logInModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
It works
</div>
<div class="modal-body">
It works
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<button type="button" class="btn entry-button">Create Account</button>
</div>


I am doing this in an Angular project with an ASP.NET back end.

Continue reading...