Bootstrap Media Object not loading image

Question

I'm trying to load the bootstrap media object inside a span3 div. Everything works, apart from the image. I've checked this link elsewhere and it has no issues.

Any suggestions

<div class="container">
  <div class="row">
    <div class="span3">
       <div class="pull-left">
       <h3>Top Devices</h3>
           <div class="media">
              <a class="pull-left" href="#">
              <img class="media-object" data-src="<?php echo base_url(); ?>resource/img/devices/Asus-Nexus-7.png"/>
               </a>

       <div class="media-body">
        <h4 class="media-heading">Media heading</h4>
      </div>
    </div>
   </div>
</div>

Answer 1

If it's just a regular image you are loading into the span3, is there a reason why you are using data-src and not src ?

Or if you are also using something like foresight.js, for example, see if this post helps you

Good luck!