javascript - React 创建未知大小的 Bootstrap 网格

标签 javascript twitter-bootstrap reactjs

我正在构建一个应用程序,我需要在其中使用 React 来渲染 Bootstrap 网格。我是一个 React 新手,所以请耐心等待。

前端将接收需要在 Boostrap 列中显示的 N 个对象,每个对象都在自己的列中。问题是,我不知道 N 有多大,所以我不知道需要多少行。

有什么想法可以解决这个问题吗?

我应该只有一个组件吗?还是三个(容器、行、列)?还是别的什么?

最佳答案

首先,考虑您是否需要容器、行和列的自定义组件。您可以只使用带有适当 css 类的 div,我认为将其包装到自定义组件中没有多大值(value)。如果您决定使用自定义组件,您可能需要查看 react-bootstrap ,他们已经实现了这些。

至于布局,我相信您可以在 Bootstrap 布局中的一行中放置任意多的列,并且它们会根据需要换行(如果超过 12 列),因此最简单的方法是只包含一行,然后将所有列放入其中(请参阅 Bootstrap docs )。

关于javascript - React 创建未知大小的 Bootstrap 网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34159828/

相关文章:

javascript - 使用 Bootstrap3 为 block 中的 div 设置相同的高度

javascript - 循环遍历表格并根据选中的复选框更改 <tr> 背景

html - 使用中央 Logo 导航栏 Bootstrap 时如何将社交图标拉到右边

javascript - Mobx @observer 组件是否触发 `render` 或 `forceUpdate` ?

javascript - 状态更改授权组件后, native 渲染 View 不会更新

reactjs - 具有默认值的文本区域未更新

javascript - 只绘制 SVG 圆环图的底部

javascript - 如何获取两个日期之间的小时数差异

javascript - 我想将菜单固定在顶部

css - 使文本在任意背景图像上可读