开发者文档
不同与栅格系统的响应式布局,layout 是一个简单的两边固定宽度中间自适应的布局。
2 col layout
content
3 col layout
content
- <h2>2 col layout</h2>
- <div class="sui-layout">
- <div class="sidebar">sidebar</div>
- <div class="content">content</div>
- </div>
- <h2>3 col layout</h2>
- <div class="sui-layout layout3">
- <div class="sidebar">sidebar</div>
- <div class="content">content</div>
- <div class="sidebar">sidebar</div>
- </div>
左右宽度固定中间自适应的布局,默认宽度会铺满整个屏幕。非常适合用在有侧边栏的全屏页面布局。默认的两边宽度是150px,可以根据需要自己重载。
- 复制代码代码已复制