Hey there, I'm facing a bit of an issue and can't seem to figure out what went wrong.
Recently, I inserted a Bootstrap Sign In modal in my HTML file. Here's the code:
<div class="text-center">
<a href="" class="btn btn-default btn-rounded mb-4" data-toggle="modal" data-target="#modalRegisterForm">SIGN IN</a>
</div>
Additionally, here's the code for the modal itself:
<div class="modal fade" id="modalRegisterForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true"gt;
... (modal content)
</div>
Upon adding it to my HTML, I mistakenly placed it at the bottom instead of within the navbar.
Here's how it appeared on the page:
https://i.sstatic.net/yUe2K.png Upon clicking it, the Sign Up form popped up as expected:
https://i.sstatic.net/bD3S1.png
Later, I moved the SIGN IN button to the top section. However, upon clicking it there, the form failed to appear.