【问题标题】:How can i resize bootstraps cards for a website using Django?如何使用 Django 调整网站的引导卡大小?
【发布时间】:2020-06-03 09:59:31
【问题描述】:

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

【问题讨论】:

  • 欢迎来到 SO。操作前端的最佳方法是使用通常所说的 CSS 和/或 Javascript..
  • 我不会同时使用两种语言,更不用说我只知道 python 哈哈。

标签: django image-resizing window-resize bootstrap-cards


【解决方案1】:

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

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

}

【讨论】:

    猜你喜欢
    • 2020-04-21
    • 2021-04-13
    • 2016-04-08
    • 1970-01-01
    • 1970-01-01
    • 2014-12-06
    • 2019-09-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多