Visual Studio 我怎样才能保持卡在一个旋转木马幻灯片从 Package 到两行？

11dmarpk 于 2023-08-07 发布在其他

关注(0)|答案(1)|浏览(102)

我正在使用Bootstrap 5创建一个网站，我也在使用它创建一个旋转木马。我正在尝试让旋转木马中的所有项目垂直对齐。然而，我在这方面遇到了麻烦。你能帮帮我吗

当前的样子

这就是我想要的

.crd {
  background: hsl(233, 47%, 96%);
  transition: all;
}

.crd:hover {
  background: hsl(216, 90%, 44%);
  color: #fff;
  transition: 0.5s;
}

.card img {
  margin: auto;
}

body {
  background: hsl(233, 47%, 96%);
  font-family: 'Poppins', sans-serif;
}

个字符

visual-studio

来源：https://stackoverflow.com/questions/76690901/how-can-i-keep-cards-in-a-carousel-slide-from-wrapping-to-two-lines

1条答案

按热度按时间

3ks5zfa01#

你有col-4（12，或1/3宽度）在你的卡在该面板。网格文档把它写得相当清楚。您正在指定希望列使用的12部分网格的部分数。显然4/12是1/3，所以你的卡片在旋转木马幻灯片太宽了。你需要四张牌，每张取1/4（3/12）。
使用col-3（宽度为12或1/4），或仅使用col。

.crd {
  background: hsl(233, 47%, 96%);
  transition: all;
}

.crd:hover {
  background: hsl(216, 90%, 44%);
  color: #fff;
  transition: 0.5s;
}

.card img {
  margin: auto;
}

body {
  background: hsl(233, 47%, 96%);
  font-family: 'Poppins', sans-serif;
}

个字符

赞(0）回复(0）举报 2023-08-07

我来回答

Visual Studio 我怎样才能保持卡在一个旋转木马幻灯片从 Package 到两行？

这就是我想要的

1条答案

相关问题

热门标签

最新问答