javascript - react js中的移动友好卡
问题描述
我有一个包含名称和描述的对象数组。名字很短,字符很少。但描述的长度可能会有所不同。我想在我的 react 项目中的 Cards 中显示这些数据。我尝试使用反应引导。
我想做的是,无论里面的细节如何,我都想展示具有相同高度和长度的卡片。如果一行的空间不足以容纳所有卡片,那么它应该转到下一行。
我希望这个结构在引导程序中表现得像 row-col。
我如何在反应js中做到这一点?使用 react-bootstrap 或任何其他组件?
解决方案
我曾经在一个我正在玩弄的小项目中使用过 bulma,它帮助我完全按照你的描述做了。
推荐阅读
- java - 如何使用java在spark sql中列出表名?
- python - 给出数字并用'1'填充列表中的第x个(x是数字)项,其他为空
- eclipse - Progress Developer Studio 11.6 没有响应
- sql-server - 将 Excel 导入 SQL Server
- ios - 为什么标签栏项目图标不在 iPad 设备的中心?
- python - 如何使用 stun 库 python 从远程服务器获取 TURN 中继分配
- sql-server - 仅包括不为空的记录的属性
- php - 语法错误或引擎错误?
- html - 更改 kableExtra 表标题的字体大小
- rust - 为什么 impl trait 不能用于返回多个/条件类型?