首页 > 其他 > 详细

BootStrap学习

时间:2017-02-17 20:00:04      阅读:169      评论:0      收藏:0      [点我收藏+]

1 BootStrap 最新版本 v3.x 那么V2.x和V3.x的区别主要是什么呢 ?

改动了一些组件;改变了一些标签;

V2中 增加了对移动设备友好的样式,而在V3中,则重新了整个框架,使BootStrap3.x对移动设备是优先友好的;

BootStrap提供了一套响应式 移动设备优先的流式栅格系统,随着屏幕尺寸的增加,系统会将界面自动的生成12等份;

栅格参数

通过下表可以详细查看 Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。

 超小屏幕 手机 (<768px)小屏幕 平板 (≥768px)中等屏幕 桌面显示器 (≥992px)大屏幕 大桌面显示器 (≥1200px)
栅格系统行为 总是水平排列 开始是堆叠在一起的,当大于这些阈值时将变为水平排列C
.container 最大宽度 None (自动) 750px 970px 1170px
类前缀 .col-xs- .col-sm- .col-md- .col-lg-
列(column)数 12
最大列(column)宽 自动 ~62px ~81px ~97px
槽(gutter)宽 30px (每列左右均有 15px)
可嵌套
偏移(Offsets)
列排序

 

文档地址 http://v3.bootcss.com/css/#grid-options

 2 水平排列的表单   form-horizontal

BootStrap学习

原文:http://www.cnblogs.com/yachao1120/p/6411206.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!