首页 > 解决方案 > React Grid Layout:如何让 React Grid Layout 与 React Bootstrap 4 组件一起使用

问题描述

我使用 React Grid Layout 库和 React Bootstrap 来处理项目以构建仪表板。如果我使用纯 html 定义的组件,我使用 React Grid Library 没有问题,但我想使用 React Bootstrap 来看看。

这是屏幕截图: 在此处输入图像描述

Bootstrap 代码非常基础

        <Card>
            <Card.Header>Today Consignments Stats</Card.Header>
            <Card.Body>
                
            </Card.Body>
            <Card.Footer className="text-muted">2 days ago</Card.Footer>
        </Card>

React Grid Layout 是否提供了一种方法来获取网格项的宽度和高度,以便下部组件设置大小?

标签: reactjsreact-bootstrapreact-grid-layout

解决方案


推荐阅读