I am trying to get a simple bootstrap's modal sample to work, I follow this document which says You can activate modals on your page easily without having to write a single line of javascript. Just give an element a data-controls-modal attribute which corresponds to a modal element id, ..., but I have done whatever I could and had a huge amount of research still can not get this simple modal to work.
<div class=modal id=myModal>
<div class=modal-header>
<button class=close data-dismiss=modal>×</button>
<h3>Modal header</h3>
</div>
<div class=modal-body>
<p>One fine body…</p>
</div>
<div class=modal-footer>
<a href=# class=btn>Close</a>
<a href=# class=btn btn-primary>Save changes</a>
</div>
</div>
I have either this:
<a class=btn data-controls-modal=myModal>Launch Modal</a>
or this:
<a class=btn data-toggle=modal href=#myModal >Launch Modal</a>
button to activate the modal, I have loaded the bootstrap-modal.js on the page as well. Unless I added a javascript line to handle the Launch Modal click event, when I click on Launch Modal, nothing happens at all, are there anything that I have missed?