首页 > 解决方案 > react js中的移动友好卡

问题描述

我有一个包含名称和描述的对象数组。名字很短,字符很少。但描述的长度可能会有所不同。我想在我的 react 项目中的 Cards 中显示这些数据。我尝试使用反应引导。

我想做的是,无论里面的细节如何,我都想展示具有相同高度和长度的卡片。如果一行的空间不足以容纳所有卡片,那么它应该转到下一行。

我希望这个结构在引导程序中表现得像 row-col。

我如何在反应js中做到这一点?使用 react-bootstrap 或任何其他组件?

在此处输入图像描述

标签: javascriptcssreactjsreact-bootstrap

解决方案


我曾经在一个我正在玩弄的小项目中使用过 bulma,它帮助我完全按照你的描述做了。

https://bulma.io/documentation/components/card/


推荐阅读