Twitter bootstrap Holder.js和引导卡-Can';t获取要显示的img数据src

Twitter bootstrap Holder.js和引导卡-Can';t获取要显示的img数据src,twitter-bootstrap,holder.js,Twitter Bootstrap,Holder.js,我是个新手,在使用holder.js和引导卡时无法显示我的图像。我遇到了holder.js,这是创建引导卡的第一个解决方案,所以我正试图使用它。如果有更好的解决办法,我洗耳恭听 <div class="card"> <img class="card-img-top" data-src="http://seeklogo.com/images/P/Polaris-logo-F1A7D948C6-seeklogo.com.gif" alt="Card image ca

我是个新手,在使用holder.js和引导卡时无法显示我的图像。我遇到了holder.js,这是创建引导卡的第一个解决方案,所以我正试图使用它。如果有更好的解决办法,我洗耳恭听

<div class="card">
        <img class="card-img-top" data-src="http://seeklogo.com/images/P/Polaris-logo-F1A7D948C6-seeklogo.com.gif" alt="Card image cap">
        <div class="card-block">
          <h4 class="card-title">Card title</h4>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          <a href="#" class="btn btn-primary">Button</a>
        </div>
      </div>

卡片标题

一些基于卡片标题的快速示例文本,构成了卡片内容的大部分

这是我在holder.js中调用的标题

<head>
<title>James Scaggs Portfolio - JamesScaggs.com</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
<script src="js/holder-master/holder.js"></script>

James Scaggs公文包-JamesScaggs.com


我在这里遗漏了什么?

我想我在这里找到了正确的答案:

我删除了数据src,而只使用了src,它可以正常工作

有人能解释一下什么时候需要/想要使用holder.js吗?我不理解使用数据src的目的