首页 > 解决方案 > 如何使用 Django 调整网站的引导卡大小?

问题描述

我正在尝试将一些卡片从引导程序添加到网站,以显示带有价格的产品图像以及添加到购物车的选项,但是由于这张卡片中的图像是从另一个网站检索的,所以当我尝试加载时我的页面图像太大,卡片不会随着浏览器窗口自动调整大小,因此它显示一个在另一个之上:

在此处输入图像描述

标签: djangoimage-resizingwindow-resizebootstrap-cards

解决方案


您可以将这些属性添加到卡片的图像中。

.card_name img {
  height: 300px!important;
  background-clip: padding-box;
  object-fit: cover;

}


推荐阅读