块状列表布局系统

Cola 提供了一套响应式、移动设备优先的流式块状列表布局系统,随着屏幕尺寸的变化将会自适应显示模式,默认分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局。

简介

栅格系统使用与html ul标签:

  • ul 子标签li将受此布局管理器布局。
  • 通过标签ulclass 定义获得相应的响应式效果。

设备宽度定义

  • 手机屏幕(small-block-grid-*):小于等于768px;
  • 平板屏幕(medium-block-grid-*):大于769px and 小于等于1024px;
  • 大屏幕(large-block-grid-*):大于1024px and 小于等于1440px;
  • 超大屏幕(xlarge-block-grid-*):大于1440px;

文档目录