布局 Layout
协助进行页面级整体布局。
如何使用
Layout：布局容器，其下可嵌套HeaderSiderContentFooter或Layout本身，可以放在任何父容器中。Header：顶部布局，自带默认样式，其下可嵌套任何元素，只能放在Layout中。Sider：侧边栏，自带默认样式及基本功能，其下可嵌套任何元素，只能放在Layout中。Content：内容部分，自带默认样式，其下可嵌套任何元素，只能放在Layout中。Footer：底部布局，自带默认样式，其下可嵌套任何元素，只能放在Layout中。
代码演示
Header
Content
Header
Sider
Content
Sider
Header
Content
API
属性
Layout 的属性说明如下：
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| className | 容器 className | string | - | |
| style | 指定样式 | CSSProperties | - |
Layout.Sider 的属性说明如下：
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| breakpoint | 触发响应式布局的断点 | xs | sm | md | lg | xl | xxl | - | |
| className | 容器 className | string | - | |
| collapsed | 当前收起状态 | boolean | - | |
| collapsible | 是否可收起 | boolean | false | |
| defaultCollapsed | 是否默认收起 | boolean | false | |
| style | 指定样式 | CSSProperties | - | |
| width | 宽度 | number | string | 200 |