主题公园网站建设,西安网站建设网站推广,做故障风的头像的网站,雏鸟短视频app软件下载网站.col-xs- 超小屏幕 手机 (768px)
.col-sm- 小屏幕 平板 (≥768px)
.col-md- 中等屏幕 桌面显示器 (≥992px)
.col-lg- 大屏幕 大桌面显示器 (≥1200px)
分为12个格子 -后面的1代表占12分子1也就是一份
1.中等屏幕
div classcontainer-fluid a768px)
.col-sm- 小屏幕 平板 (≥768px)
.col-md- 中等屏幕 桌面显示器 (≥992px)
.col-lg- 大屏幕 大桌面显示器 (≥1200px)
分为12个格子 -后面的1代表占12分子1也就是一份
1.中等屏幕
div classcontainer-fluid adiv classrowdiv classcol-md-1 a1/divdiv classcol-md-1 a2/divdiv classcol-md-1 a3/divdiv classcol-md-1 a4/divdiv classcol-md-1 a5/divdiv classcol-md-1 a6/divdiv classcol-md-1 a7/divdiv classcol-md-1 a8/divdiv classcol-md-1 a9/divdiv classcol-md-1 a10/divdiv classcol-md-1 a11/divdiv classcol-md-1 a12/div/divdiv classrowdiv classcol-md-9 a9/divdiv classcol-md-3 a3/div/divdiv classrowdiv classcol-md-4 a4/divdiv classcol-md-4 a4/divdiv classcol-md-4 a4/div/div/div 2.兼容写法
div classcontainerdiv classrowdiv classcol-lg-3 a col-md-4 col-sm-6 col-xs-6/divdiv classcol-lg-3 a col-md-4 col-sm-6 col-xs-6/divdiv classcol-lg-3 a col-md-4 col-sm-6 col-xs-6/divdiv classcol-lg-3 a col-md-4 col-sm-6 col-xs-6/divdiv classcol-lg-3 a col-md-4 col-sm-6 col-xs-6/divdiv classcol-lg-3 a col-md-4 col-sm-6 col-xs-6/div/div/div 本人电脑是1920PX所以适用的是LG也就是12等份占3份一行也就是4个格子。
3. 偏移
!--可以设置列偏移让中间保持空隙--div classcontainerdiv classrowdiv classcol-md-8 a8/divdiv classcol-md-3 a col-md-offset-13/div/div/div 4.嵌套
!--嵌套--div classcontainerdiv classrowdiv classcol-md-9 a stylepadding: 0;div classcol-md-4 a/divdiv classcol-md-4 a/divdiv classcol-md-4 a/div/divdiv classcol-md-3 a/div/div/div 5.交换位置
!--交换位置--div classcontainerdiv classrowdiv classcol-md-9 col-md-push-3 a9/divdiv classcol-md-3 col-md-pull-9 a3/div/div/div
