Как сбросить ant.design span на deafult?

Question

Я использую ant.design с React.js, и для моего столбца задан интервал 24, когда размер экрана меньше 768 пикселей:

<Col
    xs={{ span: 24 }}
    sm={{ span: 24 }}
    md={{ span: undefined }}
    lg={{ span: default }}
    xl={{ span: none }}
>

Но когда размер экрана превышает 768 пикселей, мне не нужно определять диапазон (я хочу, чтобы столбец занимал столько места, сколько необходимо). Если я не пишу include md, lg и xl, они автоматически принимают размер sm. Я пытался установить span для undefined, default и none, но ни один из них не работает. Я посмотрел на ant.design API , но он просто сказал, что по умолчанию нет.

Любая помощь будет оценена. :)

Answer 1

то, что вы просите, невозможно с макетом antd вся идея системы сетки состоит в том, чтобы разделить экран до 24 столбцов так что невозможно достичь цели, изменив свойство spans

вы можете поочередно сделать col равным 100% (диапазон 24) ширины экрана и внутри него используйте flex / grid на вашем предмете

вы можете выбрать другой путь, который должен сделать "div / span", который не связан с сеткой не используется с col и используйте col после него