问题标签 [bootstrap-cards]

我有一个用卡片构建的漂亮网页，但是当我将它粘贴到 bootstrapemail 编辑器的编辑器中时，它们似乎根本不起作用，它返回纯 css 代码。

我正在使用https://bootstrapemail.com/editor来获取纯 CSS 来制作一些不错的电子邮件。我哪里错了？我只知道引导程序作为我的设计平台。

我已经添加了引导卡（在下图中）一切正常。但问题是当我添加侧栏和导航栏时（实际上是另一个文件，我将它包含在 php 中）。屏幕左侧的卡片隐藏在侧栏下。如果我写下面的 css，那么每张卡片需要 200px 的边距。我想要的只是左侧的卡片需要向左移动，并且每张卡片之间的间隙必须保持不变。我也尝试过框架但不工作。

我刚开始使用一般的网络开发，所以我可能会错过一些超级简单的东西。我正在尝试使用 Bootstrap 卡，并且一直在使用其中的三个进行测试。我希望卡片在更大的屏幕上适合 3 行，然后转到 2-col，然后随着页面大小减小而单列。前两张卡可以做到这一点，但即使桌面上的页面是全屏的，最后一张卡也不会与前两张卡在同一行。

此外，第一张卡片的卡片边框是正常的，但第二张卡片没有。第三张卡片不仅没有边框，而且卡片的大小也不同。

我对所有三张卡片的代码几乎相同，只有卡片正文和图像来源略有不同。我也没有使用任何自定义 CSS，只有引导程序。

这是我的参考代码：

这就是它的显示

我正在尝试使这张卡具有粘性顶部和粘性底部，因为它们显示了一些我希望始终显示的信息和输入。问题是滚动里面的一些内容后，顶部消失了，我不希望这样。

我发现在移除卡片页脚或在自动设置卡片高度后问题就消失了。问题是，如果屏幕尺寸足够大，我想要定位的位置需要特定的高度。也无法删除页脚，因为它有内容。

我已经尝试将便签移到卡体之外，但是在移动设备上，它们会迷失在滚动的王国中...

我在其他问题上找到的答案不是很有帮助，因为很多都是用于粘性页脚并且没有尝试将粘性放在引导卡中

我已经用左侧的图像构建了这张水平卡片，并且我已经为卡片指定了一个重要的最小高度。

目前图像适合使用宽度：100% 和高度：100% 的卡片，但我希望它使用父级的完整高度，然后裁剪它的宽度。

我正在使用 Bootstrap 4

HTML

CSS

所以我使用引导卡以一种画廊的方式显示图像。我也使用card-tall来设置我的图像样式。这些图像是海报，您可能会猜到这意味着它们占用了大量空间。

在网站上是这样的：

但在手机上看起来是这样的：

这是海报的 html，它包含在div

和我的 CSS

请帮忙！！！

我正在尝试使用 Bootstrap 4 卡片布局来自定义卡片列。但是，如果我在我的 css 文件中编写此代码，为什么它会显示错误？

错误显示在VS 代码中：未知规则 @include css(unknownatrules)

HTML 文件

CSS 文件

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

我有包含一行引导模板卡的代码：

我希望卡片在大屏幕上显示为 4/行，在中屏幕上显示为 2/行，在小屏幕上显示为 1/行。当我从每张卡上删除边距（m-3类）时，这非常有效。但是，添加边距后，一张或多张卡片最终会被撞到另一行，如下图所示。我怎样才能在每行中有这些固定数量的卡片，同时仍然允许卡片很好地间隔开？

我正在使用 bootstrap 4 来显示卡片。一切都按预期工作。我遇到的问题是，如果其中一个页脚的内容比其他页脚多，则会提高页脚以适应这一点。有没有一种方法可以让页脚向下推动内容并保持顶部对齐？

演示：http: //jsfiddle.net/6uv9a30n/1/

电流输出：

期望的输出：