I am trying to add a simple Bootstrap spinner in my HTML document. However, when I add in the code below it does not work. I tried adding a .show()
in the JQuery but it still does not work. I am not sure what to do next in trying to troubleshoot. In the end I want to activate the spinner once a modal is opened by the user, and then once a process ends from an Ajax call then the spinner will terminate.
Bootstrap Spinner:
<div class="spinner-border text-success" role="status">
<span class="sr-only">Loading...</span>
</div>
JQuery:
$('.spinner-border').show();
However, the above code does not work and does not even show anything.