新版本1.4.2发布了。第一次升级到 1.4.x 版本请注意在1.4.0版本的重大变动,具体请阅读更新日志

开发者文档

不同与栅格系统的响应式布局,layout 是一个简单的两边固定宽度中间自适应的布局。

2 col layout

content

3 col layout

content
  1. <h2>2 col layout</h2>
  2. <div class="sui-layout">
  3. <div class="sidebar">sidebar</div>
  4. <div class="content">content</div>
  5. </div>
  6. <h2>3 col layout</h2>
  7. <div class="sui-layout layout3">
  8. <div class="sidebar">sidebar</div>
  9. <div class="content">content</div>
  10. <div class="sidebar">sidebar</div>
  11. </div>
左右宽度固定中间自适应的布局,默认宽度会铺满整个屏幕。非常适合用在有侧边栏的全屏页面布局。默认的两边宽度是150px,可以根据需要自己重载。