Its possible to easily create a modal for the V3, responsive themes. The code for it is below:
|
<a class="btn btn-lg btn-success" href="#" data-toggle="modal" data-target="#basicModal">Click to open Modal</a> <!-- This is a link that is to be used to open the modal -->
<div id="basicModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header"><button class="close" type="button" data-dismiss="modal">×</button><h4 id="myModalLabel" class="modal-title">Modal title</h4> <!-- This sets the title of the modal --> </div>
<div class="modal-body"> <!-- this is the body of the modal, so it should be the information you want to put in -->
<h3>Modal Body</h3>
</div>
<div class="modal-footer"><button class="btn btn-default" type="button" data-dismiss="modal">Close</button></div>
</div>
</div>
</div>
|
If you have a V3 theme that is built off the base theme, then you should be able to paste this somewhere on your site to have a modal pop up, with whatever information you'd like to display in it. If you paste the above code into your website, it should look something like this:
Obviously you'll want to change the title and body to be what you'd like to display. However the height should adjust automatically, as it is filled with more information.