问题标签 [bootstrap-cards]

我正在寻找解决方案，在引导程序中每行设置卡片组中的卡片数量。

例如，我想每行有两张卡：

我想将一些内容放在 Bootstrap 4 卡片中，上面有一个延伸的链接。我还想在这张卡片中包含一个按钮，该按钮的 URL 与拉伸链接不同。

Bootstrap 的文档说：

不建议使用拉伸链接使用多个链接和点击目标。但是，如果需要，一些位置和 z-index 样式可以提供帮助。

但我无法让它工作。

我已经尝试过将按钮的 z-index 设置为 5000，但它仍然无法点击。

卡片示例

我想让它这样按钮是可点击的，而没有被拉伸的链接覆盖它。

有小费吗？

我想在 html 页面上有一些引导卡。他们的确切数量我不知道也无法预测，因为它取决于数据库中的用户数据。例如，如果用户有 4 个项目，我需要创建 4 张卡片，如果是 10 则需要创建 10 张卡片，依此类推。因此，我使用 jQuery 通过为它们提供 Bootstrap 4 类名称来动态创建这些卡片。问题是引导卡通过为卡片提供相等的宽度和高度来从左侧开始填充空间。

所以，如果用户有 2 个项目，我想创建 2 张卡片，我选择的宽度和高度相同，并且该行上剩下的任何内容都是空白/空的

我尝试更改默认卡片宽度，尝试最大宽度、最小宽度。但它没有用

这是默认的 Bootstrap 4 结果：

[ [ 卡片 1 ] [ 卡片 2 ] ]

我想要的是：

[[卡片1][卡片2][一直留空到右边]]

有什么建议么？谢谢

从 Bootstrap 4 的官方文档中，有以下代码。如果我打开/显示一张卡片，我应该怎么做才能不折叠其他卡片。我希望最初显示/打开所有卡片，然后用户只需选择他想要折叠/关闭的卡片。

根据文本长度动态创建具有固定高度和宽度的引导卡的方法是什么。现在所有卡片都按列对齐，但我希望它们之间有一个固定的边距。

这是我的代码示例：

正如您在我的示例表中看到的那样，卡体溢出。有没有办法将桌子安装在卡体内？谢谢你。

我有这个标记

我面临的问题是大卡片内的嵌套卡片没有响应，所以当我在桌面上使用该网站时，我看到它们一个接一个地在同一行，如果我使用智能手机，我看到它们仍然内联但缩小。在智能手机上时，我希望它们显示为单列。我怎样才能做到这一点？谢谢

示例图

实际图形

编辑： 有了这个标记，我几乎到了我想要的地方，最后要弄清楚的是如何设置所有内部卡在两种情况下始终适应可用的水平空间：基本上当它们在一行时，它们应该有 width=每个 33%，但在单个列宽 = 100% 时。

我正在尝试使我的卡片充满活力，但它们有一个条件。我检查了角度文档，但找不到答案。基本上我有一个卡片组件，点击导航链接的条件是它显示一组卡片，另一个显示另一组卡片。对于每个条件，组件卡调用卡项 3 次。在我的组件卡片项目中，我似乎找不到如何应用该条件并在我的 ts.xml 中引用任何一组卡片项目内容。这是代码。

我在我的网页上使用类似这样的引导卡。

和 ajax 代码来获取这些 php 值：

一切正常，而不是动画。当我单击引导卡时，动画发生在卡片下方，卡片就留在原地。

我正在尝试在嵌套卡片时使用Bootstrap 4.3.1将卡片列水平居中。

这是我的卡片的嵌套方式

我试图mx-auto在主卡和卡片列上放置类，但这并没有将卡片列放在页面的中心。

这是我的代码

我创建了一个提琴手来演示我到目前为止所做的事情。

如何正确地将卡片列放置在屏幕中央？