左右定宽三栏布局

不同与栅格系统的响应式布局，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，可以根据需要自己重载。

复制代码

代码已复制

开发者文档

2 col layout

3 col layout