zent-layout

Layout 布局

24栅格布局组件

代码演示

:::demo 基本用法

import { Layout } from 'zent';

const { Row, Col } = Layout

ReactDOM.render(
	<div className="layout-demo-basic">
		<Row>
			<Col span={24}>Col 24</Col>
		</Row>

		<Row>
			<Col span={8}>Col 8</Col>
			<Col span={8}>Col 8</Col>
			<Col span={8}>Col 8</Col>
		</Row>

		<Row>
			<Col span={8}>Col 8</Col>
			<Col span={8} offset={8}>Col 8, Offset 8</Col>
		</Row>

		<Row>
			<Col span={4}>Col 4</Col>
			<Col span={4} offset={4}>Col 4, Offset 4</Col>
			<Col span={4} offset={4}>Col 4, Offset 4</Col>
		</Row>	
	</div>
	, mountNode
);

:::

Row API

Col API