问题标签 [bootstrap-cards]

所以我想要实现的是拥有一排相同宽度和高度的多张卡片。在上面的代码中，我所做的是连续粘贴了 4 个引导卡实例。

为了达到我想要的效果，我尝试了以下方法 - 1. 尝试在“col-lg-3”等列中使用不同的变体。2.尝试保持卡片的固定宽度。3. 尝试使用卡片组。

我面临的问题是，无论我如何尝试将卡片排列成一排，卡片都会保持垂直而不是水平排列。

如果我使用卡片组，那么卡片会根据需要水平对齐，但是卡片会通过减小宽度来调整所有卡片以适应屏幕尺寸，但我真正想要实现的是所有卡片都以恒定宽度水平对齐带有水平滚动条。如果有人可以帮助我，我将不胜感激。

您好，我使用简单的 bootstrap-4 卡片代码，但图像在 IE-11 中无法正确显示，即使我使用 h-100 作为卡片，但问题仍未解决

ngx-bootstrap 卡组件是否有任何现有的解决方案？

如果它不存在，它的替代方案是什么？

谢谢你。

所以我一直在想办法解决这个问题。我似乎无法使卡片在此部分内水平居中，当我检查检查元素时，事实证明卡片占用了一些额外的空间，而这并不是真正的填充或边距。在这方面非常需要帮助。我只是使用引导网格，目标是让卡片水平居中。

我的代码中有一个卡片容器。我添加了一个“关闭”按钮，当我单击它时我想关闭它。我不确定如何完成这项工作，我一直在网上查看很多文章。

我有以下代码：

是否有执行此操作的 html/css 方法，或者我是否必须添加一些 JS/JQ 逻辑才能使其工作？

任何帮助将非常感激！:)

更新：

我在我的 html 代码下添加了以下代码。这是一个快速而简单的修复。

我创建了一个页面，显示引导卡中的所有用户。我想知道如何在仅过滤掉该用户卡的搜索框中搜索用户，并将其清除应该带回所有用户卡。在使用 jquery 或任何其他选项实现时需要帮助。

代码：

我正在使用card-columnsBootstrap 4 中的类来为我的作品集设计一个页面。一切都很好，但我想要改变外观，让它看起来更有吸引力。

这是我所做的设计。我希望Other Projects （与Latest Projects宽度相同）卡保持在Latest Projects下方，以便Other Projects下方的卡（根据当前图片）保持在该列的顶部，然后是Skills。

这是card-columns我为制作 2 列而编辑的 css。

如果你能帮助我，那就太好了。

我想在引导程序（图像叠加）中制作一个像卡片一样的大图像，但是图像太大而且我想要的高度..这是我所做的：

html：

有没有人知道用 flex 使文本居中的更好方法？..我为此使用了边距，但这样做会更好。

我在 Laravel 中使用 bootstrap 4 并编写 Blade.php 模板文件。下面是我的代码。

卡片网格看起来不错，但是卡片标题和汽车边缘之间有空格。

Safari 上的卡片

Chrome 上的卡片

下面是我的代码。我在卡片标题中添加了 pull-right 类。它适用于 Chrome，但不适用于 Safari。有人知道原因或有解决办法吗？非常感谢！