title: Blueimp Gallery integration issue
body: <p>I am attempting to use the <a href="https://github.com/blueimp/Gallery" rel="nofollow">blueimp gallery</a> and I believe I have entered the all of the code snips as needed but still when I click on an image they do not load with the contols.</p>
  
  <pre><code>cat index.html
  &lt;!DOCTYPE HTML&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" href="css/blueimp-gallery.min.css"&gt;
  &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;link href="css/bootstrap-responsive.min.css" rel="stylesheet"&gt;
  &lt;link href="css/style.css" rel="stylesheet"&gt;
  &lt;script src="js/blueimp-gallery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/scripts.js"&gt;&lt;/script&gt;
  &lt;script src="js/blueimp-gallery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container-fluid"&gt;
          &lt;div class="row-fluid"&gt;
                  &lt;div class="span12"&gt;
                          &lt;div class="page-header"&gt;
                                  &lt;h1&gt;
                                          test &lt;small&gt;test&lt;/small&gt;
                                  &lt;/h1&gt;
                          &lt;/div&gt;
  &lt;div id="blueimp-gallery" class="blueimp-gallery"&gt;
      &lt;div class="slides"&gt;&lt;/div&gt;
      &lt;h3 class="title"&gt;&lt;/h3&gt;
      &lt;a class="prev"&gt;‹&lt;/a&gt;
      &lt;a class="next"&gt;›&lt;/a&gt;
      &lt;a class="blueimp-gallery-display"&gt;&lt;/a&gt;
      &lt;a class="close"&gt;×&lt;/a&gt;
      &lt;ol class="indicator"&gt;&lt;/ol&gt;
  &lt;/div&gt;
  &lt;script src="js/init.js"&gt;&lt;/script&gt;
  &lt;div id="links"&gt;
  &lt;A HREF="images/photo1.jpg"&gt; &lt;IMG HEIGHT=50 WIDTH=50 SRC="images/photo1.jpg"&gt;&lt;/A&gt;
  &lt;A HREF="images/photo2.jpg"&gt; &lt;IMG HEIGHT=50 WIDTH=50 SRC="images/photo2.jpg"&gt;&lt;/A&gt;
  &lt;A HREF="images/photo3.jpg"&gt; &lt;IMG HEIGHT=50 WIDTH=50 SRC="images/photo3.jpg"&gt;&lt;/A&gt;
  &lt;A HREF="images/photo4.jpg"&gt; &lt;IMG HEIGHT=50 WIDTH=50 SRC="images/photo4.jpg"&gt;&lt;/A&gt;
  &lt;/div&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  cat js/init.js
  var links = document.getElementById('links').getElementsByTagName('a'),
      options = {
          // Start an automatic slideshow with a delay of 5 seconds between slides:
                   interval: 5000,
          // Set to true to initialize the Gallery with carousel specific options:
                    carousel: false
                  displayClass: 'blueimp-gallery-display',
                  controlsClass: 'blueimp-gallery-controls',
                  singleClass: 'blueimp-gallery-single',                  
                  leftEdgeClass: 'blueimp-gallery-left',
                  rightEdgeClass: 'blueimp-gallery-right',
                  enableKeyboardNavigation: true,
                  closeOnEscape: true,
                     },
                    gallery = blueimp.Gallery(links, options);
  </code></pre>
  
  <p>I have used some light bootstrap before and this does not seems in function the same or im just overlooking something.</p>