title: Bootstrap thumbnails not displaying correctly
body: <p>I'm working on a meteor app using the Meteor framework. I have added the twbs:bootstrap package to enable quick CSS protoyping. I am currently failing at displaying a set of thumbnails on screen.</p>
  
  <p>Here is the sample source code on JS-Fiddle:</p>
  
  <pre><code>&lt;ul class="thumbnails"&gt;
      &lt;li class="span4"&gt;
          &lt;a class="thumbnail" href="#"&gt;
              &lt;img src="http://placehold.it/300x200" alt="300x200" /&gt;                
              &lt;h4 class="caption"&gt;This is my image&lt;/h4&gt;
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/M3fpA/46/" rel="nofollow">https://jsfiddle.net/M3fpA/46/</a> </p>
  
  <p>As you can see, it works as expected. Now I have copied this exact piece of source code over to my project just for demonstration purposes. It looks like this on my frontend:</p>
  
  <p><a href="http://postimg.org/image/ukvtr8uz1/" rel="nofollow">Screenshot</a>
  (Sorry, apparently I am not allowed to post pictures directly here to help you guys ...)</p>
  
  <p>Its obviously quite messed up, but I can't seem to understand why. Here is the source of the template used for this page:</p>
  
  <pre><code>&lt;template name="inventory"&gt;
    &lt;h1&gt;Inventory&lt;/h1&gt;
    &lt;ul class="thumbnails"&gt;
        &lt;li class="span4"&gt;
            &lt;a class="thumbnail" href="#"&gt;
                &lt;img src="http://placehold.it/300x200" alt="300x200" /&gt;
                &lt;h4 class="caption"&gt;This is my image&lt;/h4&gt;
            &lt;/a&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/template&gt;
  </code></pre>