Bootstrap modal: is not a function

I don't know if you have figured out this issue or not being it was a couple months ago when you asked the question, but I came across the same problem and it had to do with a conflict with another plugin, so I will post the solution for future inquiries.

Here is an example of what I did to get around this issue.

function ShowImageInModal(path) {
    (function ($) {
        $('#modalImage').removeAttr("src").attr("src", path);

probably a namespace conflict, simply do this...

jQuery(document).ready(function($) {

Make sure you are not loading multiple jquery files from multiple locations, local or remote.

one of the most concise ways to avoid these conflicts is :

<script src="jquery.js"></script>
<script src="prototype.js"></script>
// Your jQuery code here, using the $

as shown in :