Question

我很遗憾地问这个，但我在文档中找不到任何适当的解决方案。我想在boostrap 4中使用缩略图类型的boost 3，它可以自动调整列中的图像大小并进行正确的边框效果。

 <div class="row">
            <div class="col-lg-4">
                <div class="thumbnail">
                    <img src="http://i.imgur.com/qK42fUu.jpg">
                </div>
            </div>
 </div>

Answer 1

您可以使用car-image类解决此问题：

    <div class="card" style="width: 20rem;">
  <img class="card-img-top" src="..." alt="Card image cap">
  <div class="card-body">
    <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">Go somewhere</a>
  </div>
</div>

蒂姆

Answer 2

您可以像这样在Bootstrap4中实现它；

<img src="..." alt="..." class="img-thumbnail">

从Documentation

在boostrap 4中，boostrap 3的替代类缩略图是什么？

2 个答案: