问题标签 [bootstrap-cards]

我根据网格系统布局创建了一个包含四列的 React Bootstrap Card。我在样式或 CSS 方面不是最擅长的，但如果文本太长，我希望将文本换行 - 例如，在下图中，“BosniaAndHerzegovina”已将其中一列推到卡片的底部，当我真的希望根据列大小包装文本时。

这是第一列的 JSX：

如何让文本环绕固定的列宽？

我有一个网站页面，上面有引导卡。这些卡片是动态生成的，但我想添加一个过滤器部分。我正在尝试使用 AJAX 来实现这一点，我已经到了这样一个地步，当您选择一个复选框时，它会触发加载程序 gif，但是该加载程序 gif 并没有消失。通过我数小时的调试，我可以看到 AJAX 调用正在调用的页面是问题所在，但我只是看不到问题是什么，并且我没有在控制台中收到错误或任何内容。如果有人有任何想法，我将不胜感激，我在下面粘贴了我的代码，而且我知道我的 sql 查询目前可以注入，只想让它先工作。

reviewaction.php

我正在尝试显示卡片，但是通过这种方式，所有三张卡片都显示相同的信息，而我希望每张卡片都显示数据库中的特定条目，例如第一个是第一个条目，第二个是第二个，第三个是第三个然后更改行并重新启动以显示 4、5、6 条目等。有人可以帮忙吗？

For my thesis I have to make a website using the Bootstrap 5 framework, so I've been messing around with "Bootstrap Cards". When I click on a card a border appears. Thought I might fix it overwriting it using the pseudo element :focus

.card:focus {outline: 0 !important;

E.g.:

I guess it's something else then an outline, but don't have the needed knowledge of HTML

Thanks already, Luk Ramon

我想显示一张包含更多列的水平卡片。如果它超过 col-12 大小，则还需要在卡片中显示其余内容并启用滚动条。

我的 HTML 代码：

在我的代码中，所有内容都水平显示，但 content > col-12 未显示在卡片内。我想实现所有内容都需要显示在卡片内，如果超过屏幕尺寸，卡片内的剩余内容需要与水平滚动条一起显示。

我一直在尝试使用 ejs 将我的引导卡组连接到 mongo 数据库。没有错误，但是当我渲染网站时卡片没有出现。有谁知道可能出了什么问题？

这是代码：

mongodb 模型称为“ResearchCards”，我在数据库中添加了两个，但它们没有出现在页面上，我不知道为什么。我不是一个非常有经验的程序员，所以任何建议（简单来说）都会非常感激！

如您所见，第二张卡片的标题将图像向下推。如何动态调整卡片标题的大小以对齐所有图像？谢谢你。

引导卡

JsFiddle 代码

我想使用 Bootstrap 5 或我自己的 CSS 类创建以下按钮。我怎样才能做到这一点？

示例：[按钮组][1]

如您所见，其中一些用作下拉按钮。

我一直在寻找，我只在同一行中找到了带有图标和文本的示例。也许我必须使用引导卡？[1]：https ://i.stack.imgur.com/V78lr.png

我目前在我的网站主页上有一张这样的卡片，我希望它左对齐，但不占用太多水平空间。最重要的是，我希望将文本包裹在卡片周围而不是完全分开，类似于下图中的简单图像插入。

以下是我当前的卡代码。我不确定是否需要在 HTML 或 .css 文件中进行更改。

我想垂直添加引导卡，我从 views.py 发送数据并通过使用 {% for %} 循环迭代它在模板上呈现它。但我希望这些卡片垂直放置在另一张下方。

这是我的html：

我希望输出是这样的