6

在下面的演示代码中，它使用 data-src 但没有 img src。图像是如何应用的？javascript是否以某种方式修改了这个？

http://v4-alpha.getbootstrap.com/components/card/

 <div class="card">
      <img class="card-img-top" data-src="..." 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>
4

1 回答 1

9

Bootstrap 4 文档使用 holder.js，参见http://imsky.github.io/holder/

另见：https ://github.com/imsky/holder#usage

在您的 HTML 中包含 holder.js：

Holder 将处理所有具有特定 src 属性的图像，如下所示：

上面的标签将呈现为 300 像素宽和 200 像素高的占位符。

为避免控制台 404 错误，您可以使用 data-src 代替 src。

通过http://v4-alpha.getbootstrap.com/assets/js/docs.min.js包含持有人

于 2016-02-04T15:15:34.130 回答