如何使用Django调整网站的bootstraps卡片的大小?

问题描述 投票:0回答:1

我想在一个网站上添加一些bootstrap的卡片,以显示产品的图片和价格,并选择添加到购物车,但由于这个卡片中的图片是从另一个网站上获取的,当我试图加载我的页面时,图片太大了,而且卡片不会随着浏览器窗口自动调整大小,所以它显示一个在另一个上面。

enter image description here

django image-resizing window-resize bootstrap-cards
1个回答
0
投票

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

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

}

© www.soinside.com 2019 - 2024. All rights reserved.