mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-11 23:00:20 +08:00
Code Issues Actions 30 Packages Projects Releases Wiki Activity
3f18bfbaee
ant-design/components/layout/demo/responsive.md
MadCcc fbab5df655
docs: update Layout demo (#39255) 
* docs: update Layout demo

* chore: code clean

* chore: update snapshot
2022-12-05 14:06:42 +08:00

661 B
Raw Blame History

zh-CN

Layout.Sider 支持响应式布局。

说明：配置 breakpoint 属性即生效，视窗宽度小于 breakpoint 时 Sider 缩小为 collapsedWidth 宽度，若将 collapsedWidth 设置为 0，会出现特殊 trigger。

en-US

Layout.Sider supports responsive layout.

Note: You can get a responsive layout by setting breakpoint, the Sider will collapse to the width of collapsedWidth when window width is below the breakpoint. And a special trigger will appear if the collapsedWidth is set to 0.

#components-layout-demo-responsive .logo {
  height: 32px;
  margin: 16px;
  background: rgba(255, 255, 255, 0.2);
}