Antd Form Grid Code Example


Example 1: responsive grid using antd

import 'antd/dist/antd.css'; import { Row, Col } from 'antd';    <Row>     <Col xs={24} xl={8}>       One of three columns     </Col>     <Col xs={24} xl={8}>       One of three columns     </Col>     <Col xs={24} xl={8}>       One of three columns     </Col>   </Row>

Example 2: const layout xs sm xl ant design

{   xs: '480px',   sm: '768px',   md: '992px',   lg: '1200px',   xl: '1600px', }

Example 3: responsive grid using antd

<div className="ant-row">     <div className="ant-col ant-col-xs-24 ant-col-xl-8">       One of three columns     </div>     <div className="ant-col ant-col-xs-24 ant-col-xl-8">       One of three columns     </div>     <div className="ant-col ant-col-xs-24 ant-col-xl-8">       One of three columns     </div>   </div>

Comments

Popular posts from this blog

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?

Can Feynman Diagrams Be Used To Represent Any Perturbation Theory?