动态反应生成M x 3组件网格

时间:2018-10-26 02:52:43

标签: javascript reactjs react-bootstrap

我正在尝试使用(数据长度/ 3)x 3的JSON数据动态创建组件网格。因此看起来像这样。

enter image description here

每个网格中组件的大小将是静态的,但是围绕它们的填充应该是动态的,具体取决于父div大小/屏幕大小。如果填充不在最右边的列中,则填充也应该位于右边。有什么建议吗?任何人都知道的NPM组件可以简化这一过程?

1 个答案:

答案 0 :(得分:0)

您可以使用CSS的Grid系统轻松实现此目的。这是complete guide