礼悟： 公恒学思合行悟，尊师重道存感恩。叶见寻根三返一，江河湖海同一体。 虚怀若谷良心主，愿行无悔给最苦。读书锻炼养身心，诚劝且行且珍惜。 代码 效果 Bootstrap，优秀的前端开源框架，值得学习。学习资源：v3.bootcss.com + itcast和itheima视频库 + 清净的心地。如 ...
分类：
其他好文 时间：
2018-01-14 00:54:45
阅读次数：
153
礼悟： 公恒学思合行悟，尊师重道存感恩。叶见寻根三返一，江河湖海同一体。 虚怀若谷良心主，愿行无悔给最苦。读书锻炼养身心，诚劝且行且珍惜。 代码 效果 Bootstrap，优秀的前端开源框架，值得学习。学习资源：v3.bootcss.com + itcast和itheima视频库 + 清净的心地。如 ...
分类：
其他好文 时间：
2018-01-14 00:53:31
阅读次数：
231
本文为博主原创，转载请注明出处： offset偏移都是向右偏移，且只能向右偏移，例： col-md-offset-2,向右偏移两列。 col-md-pull-偏移数值 //向左偏移 col-md-push-偏移数值 //向右偏移 col-md-offset-数据和col-md-push-数值的区别： ...
分类：
其他好文 时间：
2018-01-11 15:36:45
阅读次数：
1703
1.栅格系统 containter：用于固定宽度并支持响应式布局的容器 container-fluid：用于100%宽度，占据全部视口（viewport）的容器 row：行，必须在container或container-fluid之内 col-md/xs-*：设置块的列宽 col-md/xs-off ...
分类：
Web程序 时间：
2018-01-09 23:11:13
阅读次数：
857
小白。刚开始使用bootsharp做网页的时候，不懂得什么栅格系统、容器，什么响应式布局、视口(viewport)。秉着不懂就上网寻找答案，加上bootsharp官网上又很多现成的例子，自己动手试了下，大概明白了，什么是流式栅格系统。 栅格系统用于通过一系列的行（row）与列（column）的组合来 ...
分类：
Web程序 时间：
2017-12-14 03:53:59
阅读次数：
247
媒体查询 我们偶尔也会在媒体查询代码中包含 max-width 从而将 CSS 的影响限制在更小范围的屏幕大小之内。 栅格参数 通过下表可以详细查看 Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。 超小屏幕 手机 (<768px)小屏幕 平板 (≥768px)中等屏幕 桌面显示器 (≥ ...
分类：
其他好文 时间：
2017-12-07 15:07:21
阅读次数：
187
关键字: container(1170) container-fluid(0) row(margin-left/right: -15px) col-lg-x col-md-x col-sm-x col-xs-x (栅格系统,根据屏幕大小做自适应排版分布) thumbnail text-center ...
分类：
其他好文 时间：
2017-12-04 22:27:30
阅读次数：
182
一、布局容器 Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意，由于 padding 等属性的原因，这两种 容器类不能互相嵌套。分别为： ...
分类：
编程语言 时间：
2017-11-21 18:49:52
阅读次数：
156
Bootstrap栅格系统一行最多12列，如果想设置两列可以 1 2 3 4 <div class="container"> <div class="col-md-8"></div> <div class="col-md-4"></div> </div> <div class="container" ...
分类：
其他好文 时间：
2017-11-07 17:54:06
阅读次数：
130
前 言 絮叨絮叨 Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 而栅格系统是Bootstrap中的核心，正是因为栅格系统的存在，Bootstrap才能有着如此强大的响应式布局方案。 官方文档中是这样说的： Bootstrap 提供了 ...
分类：
其他好文 时间：
2017-10-29 19:31:53
阅读次数：
194
