时间戳

首页 > 解决方案 > Material UI Grid：扩展网格样式

reactjs - Material UI Grid：扩展网格样式

问题描述

我已经向我的主题对象添加了一些自定义断点，并且我能够将它们传递给 Grid 组件。这会呈现这些classNames并允许我定位自定义断点，但我需要的是利用网格样式来正确调整组件的大小。

breakpoints: {
            values: {
                xs: 0,
                sm: 600,
                md: 900,
                lg: 1200,
                xl: 1536,
                ['lf-md']: 768,
                ['lf-lg']: 1024,
                ['lf-xl']: 1280,
            },
        },

我能做的最简单的事情是覆盖，但是说我需要坚持使用这些自定义断点并保留旧断点（现在）。有没有办法我可以做类似的事情并在断点处<Grid lf-lg={6}/>使用MuiGrid-grid-lg-6样式？1024px

标签： reactjsmaterial-uigrid

解决方案

推荐阅读