做django后台网站,asp.net制作的网站开发,网站制作策划建设大纲,网络营销和传统营销有什么区别cssBootstrap栅格布局的四种大小xs,sm,md,lg前端为了页面在不同大小的设备上也能够正常显示#xff0c;通常会使用栅格布局的方式来实现。使用bootStrap的网格系统时#xff0c;常见到一下格式的类名col-*-*visible-*-*hidden_*_* 中间可为xs,xsm,md,lg等表示大小的单词的缩写…cssBootstrap栅格布局的四种大小xs,sm,md,lg前端为了页面在不同大小的设备上也能够正常显示通常会使用栅格布局的方式来实现。使用bootStrap的网格系统时常见到一下格式的类名col-*-*visible-*-*hidden_*_* 中间可为xs,xsm,md,lg等表示大小的单词的缩写右边为1-12之内、用于元素所占列数columns的数值1.行
a-row gutter{{ md: 6, lg: 12, xl: 12 }}/a-row
gutter:
md: 中等屏幕 桌面显示器 (≥992px)
lg: 大屏幕 大桌面显示器 (≥1200px)
xl:
2.列
a-col md{6} sm{24}/a-col
md: 中等屏幕 桌面显示器 (≥992px)
sm: 小屏幕 平板 (≥768px)xs extra small超小sm smallmd meddlelg largexl extra large超大col-*对应所有设备 col-sm-平板--屏幕宽度等于或者大于576pxcol-md-桌面显示屏--屏幕宽度大于或者等于768pxcol-lg-大桌面显示器--屏幕宽度大于或者等于992pxcol-xl-超大屏幕显示器--屏幕宽度大于等于1200px响应式Layout布局xs,sm,md,lg,xl a-row :gutter10a-col :xs8 :sm6 :md4 :lg3 :xl1/el-cola-col :xs4 :sm6 :md8 :lg9 :xl11/el-cola-col :xs4 :sm6 :md8 :lg9 :xl11/el-cola-col :xs8 :sm6 :md4 :lg3 :xl1/el-col
/a-row尺寸解释每行总共24个栅格在不同尺寸的页面上如何分配宽度比例名称尺寸常用设备xs768px超小屏 如手机sm≥768px小屏幕 如平板md≥992px中等屏幕 如桌面显示器lg≥1200px大屏幕 如大桌面显示器xl≥1920px2k屏等