本文介绍了Bootstrap框架在web前端开发中的应用，重点讲解了容器的标签大小、栅格系统的布局方式以及缩略图组件的使用。同时提到了Bootstrap中的偏移量、浮动样式和响应式工具，并强调在开发环境中，为了提高效率，可以使用带有注释和警告的代码，而在生产环境中，代码会进行压缩，去除警告和注释。最后，提供了Bootstrap的官方网址供进一步学习。
ps:
记熟class样式，可提高速度
其中js使用的jquery库
开发环境：程序员使用时
有空格有注释，有警告，有提示的代码
生产环境：用户直接使用时
压缩，没有警告，没有注释
bootstrap
容器：标签大小
固定容器：container
大屏1170、中屏970、小屏750、超小屏100%
流体容器：container-fluid 100%
栅格系统：通过一系列row和column的组合来布局
分成12份
row:tr 行
col:份
col-lg-3:大屏占3份
lg:大屏——屏幕范围大于1200px
md:中屏——屏幕范围992px--1200px
sm:小屏——屏幕范围768px-992px
xs:屏幕范围<768 超小屏
缩略图——组件
偏移量：
col-md-offset-1:列偏移量，改变margin值使内容移动 向右
col-md-push-1：通过定位使内容移动（对兄弟标签位置无影响）向右
col-md-pull-1： 向左移
浮动样式：
pull-left：左浮动
pull-right：右浮动
affix:固定定位但是需要自己写left等值
响应式工具：
hidden-xs：超小屏隐藏
visible-xs:可见&
最低0.47元/天 解锁文章
542
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
