HolderJS no Bootstrap

[Marcosvn 3]

bom dia galera.

como faço para inserir a imagem no tamanho definido pelo holderjs ?

<div class="col-sm-6 col-md-3">
    <div class="thumbnail">
      <img data-src="holder.js/258x116">
      <div class="caption">
        <h3>Título do Curso</h3>
        <h3><span class="label label-info">R$ 29,90</span></h3>
        <p>Uma breve descrição</p>
        <p><a href="#" class="btn btn-primary" role="button">Comprar</a> 
           <a href="#" class="btn btn-default" role="button">Detalhes</a></p>
      </div>
    </div>
  </div>

como faço para chamar a imagem na medida informada ?

eu coloquei assim e não deu certo...

<img src="img/foto.jpg" data-src="holder.js/258x116">

ou

<img data-src="holder.js/258x116"  src="img/foto.jpg">

alguem pode me ajudar ?

abraço