Grid 布局系统

2019-08-22lijianxin1202

使用行列进行布局

使用方式#

进行表格布局时使用

基本用法#

API#

Col#

参数类型默认值说明
componentClasselementType'div'使用一个此组件提供的定制化样式。
xsnumber极小设备(<768px)上列的跨度,对应于样式前缀 col-xs-
smnumber小型设备(≥768px)上列的跨度,对应于样式前缀 col-sm-
mdnumber中型设备(≥992px)上列的跨度,对应于样式前缀 col-md-
lgnumber大型设备(≥1200px)上列的跨度,对应于样式前缀 col-lg-
xsHiddenboolean极小设备上隐藏列,对应于样式前缀 hidden-xs
smHiddenboolean小型设备上隐藏列,对应于样式前缀 hidden-sm
mdHiddenboolean中型设备上隐藏列,对应于样式前缀 hidden-md
lgHiddenboolean大型设备上隐藏列,对应于样式前缀 hidden-lg
xsOffsetnumber极小设备上右移列数,对应于样式前缀 col-xs-offset-
smOffsetnumber小型设备上右移列数,对应于样式前缀 col-sm-offset-
mdOffsetnumber中型设备上右移列数,对应于样式前缀 col-md-offset-
lgOffsetnumber大型设备上右移列数,对应于样式前缀 col-lg-offset-
xsPushnumber极小设备上右移列数(对下一列位置无影响),,对应于样式前缀 col-xs-pull-
smPushnumber小型设备上右移列数(对下一列位置无影响),,对应于样式前缀 col-xs-pull-
mdPushnumber中型设备上右移列数(对下一列位置无影响),,对应于样式前缀 col-xs-pull-
lgPushnumber大型设备上右移列数(对下一列位置无影响),,对应于样式前缀 col-xs-pull-
xsPullnumber极小设备上左移列数(对前一列位置无影响),,对应于样式前缀 col-xs-pull-
smPullnumber小型设备上右移列数(对前一列位置无影响),,对应于样式前缀 col-xs-pull-
mdPullnumber中型设备上右移列数(对前一列位置无影响),,对应于样式前缀 col-xs-pull-
lgPullnumber大型设备上右移列数(对前一列位置无影响),,对应于样式前缀 col-xs-pull-
bsClassstring'col'定义组件基础 CSS 及前缀。通常改变 bsClass 目的是为组件提供新的、非 Bootstrap 自带样式。

Row#

参数类型默认值说明
componentClasselementType'div'使用一个此组件提供的定制化样式。
bsClassstring'row'定义组件基础 CSS 及前缀。通常改变 bsClass 目的是为组件提供新的、非 Bootstrap 自带样式。