本文将为您提供关于bootstrap学习的详细介绍，我们还将为您解释bootstrap怎么学的相关知识，同时，我们还将为您提供关于(一)bootstrap学习——初识bootstrap、Bootstr
本文将为您提供关于bootstrap学习的详细介绍，我们还将为您解释bootstrap怎么学的相关知识，同时，我们还将为您提供关于( 一)bootstrap学习——初识bootstrap、Bootstrap学习(一)、Bootstrap学习(二)、Bootstrap学习--初识Bootstrap的实用信息。
本文目录一览：- bootstrap学习（bootstrap怎么学）
- ( 一)bootstrap学习——初识bootstrap
- Bootstrap学习(一)
- Bootstrap学习(二)
- Bootstrap学习--初识Bootstrap
bootstrap学习（bootstrap怎么学）
bootstrap
简洁、直观、强悍的前端开发框架，让web开发更迅速、简单
中文网 ： http://www.bootcss.com/
英文网 : http://getbootstrap.com/
容器
流体布局容器
容器的width为auto，只是两边加了15px的padding。
固定布局
容器的width会随设备分辨率的不同而生产变化
分辨率阈值
w >=1200 容器的width为1170 左右padding为15 （注意是borderBox）
1200>w >=992 容器的width为970 左右padding为15 （注意是borderBox）
992 > w >=768 容器的width为750 左右padding为15 （注意是borderBox）
768 > w >=992 容器的width为auto 左右padding为15 （注意是borderBox）
栅格系统
- col-lg-x
- col-md-x
- col-sm-x
- col-xs-x
- x默认拥有12个等级
列偏移
调整的是margin-left，分13个等级（0到12）
0时为0%
列排序
push的时候调整的是left，分13个等级（0到12）
0时为auto
pull的时候调整的是right，分13个等级（0到12）
0时为auto
响应式工具
容器与栅格盒模型设计的精妙之处
- container 提供了一个15px的padding
- row 是 column 直接存在的容器，row 默认最多可有12个 column，同时作为都是左浮动的 column 的 wrapper，自带 clearfix 的性质。同时 row 还有一个很特殊的地方，就是左右各有 －15px 的 margin，为了抵消 container 中15px的 padding。每个column 也会有15px的水平方向的 padding，colunmn 只能在 row 中生存，由于 row 的 margin 为－15px，那么位于两边的 column 就碰到container 的边界。但是 colunmn 本身又有 15px 的 padding 使得它其中的内容并不会碰到 container，同时 不同column的内容之间就有了30px的槽。目的是为了确保列与列之间有30px的槽，列与容器之间有15px的槽
总结
以上是小编为你收集整理的bootstrap学习全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
原文地址：https://blog.csdn.net/qq_41511151/article/details/100919090
( 一)bootstrap学习——初识bootstrap
总结
以上是小编为你收集整理的( 一)bootstrap学习——初识bootstrap全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
Bootstrap学习(一)
总结
以上是小编为你收集整理的Bootstrap学习(一)全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
Bootstrap学习(二)
总结
以上是小编为你收集整理的Bootstrap学习(二)全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
Bootstrap学习--初识Bootstrap
总结
以上是小编为你收集整理的Bootstrap学习--初识Bootstrap全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
我们今天的关于bootstrap学习和bootstrap怎么学的分享已经告一段落，感谢您的关注，如果您想了解更多关于( 一)bootstrap学习——初识bootstrap、Bootstrap学习(一)、Bootstrap学习(二)、Bootstrap学习--初识Bootstrap的相关信息，请在本站查询。
本文标签：
