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

设计规范

开发者文档

三种不同大小的标签页,可以当做静态组件使用,引入js之后可以做动态的切换。js用法参考 tab-js

  • 更新 v1.1.9:修复了灰色导航条样式的标签页在ie8下垂直样式的bug。
  • 更新 v1.1.7:为导航条样式的标签页增加了一个轻量的样式(灰色高亮)。

默认标签页


              
有三种尺寸: default, .nav-large, .nav-tabs-xlarge。通过在 li 标签上添加 .active 可以指定当前高亮的tab。
默认标签页是静态的,如果需要动态的标签页可以参考这里 js 标签页

首要标签页

胶囊样式

导航条样式

包裹内容

  • 注意,需要在sui-nav和tab-content上都加上 .tab-wraped
  • 默认是四列,可以通过在sui-nav加上 .column3 / .column5 变成3列/5列。
  • 内部的label和ul的宽度可以根据需求自己调整。

qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park

Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.

help!!!help!!!help!!!help!!!help!!!help!!!help!!!help!!!help!!!help!!!help!!!