这两天接触了bootstrap，它是一种前端开发框架。基于JQuery封装的一种框架，采用三格式布局，自带响应式布局，移动设备优先的前端开发框架。 刚开始的时候，拿着网页有点摸不着头脑，多使用几次以后发现这个框架很好用，使用几天以后发现，使用bootstrap可以很迅速的将网页框架化，而且思路清晰。 ...
分类：
其他好文 时间：
2016-04-05 00:47:09
阅读次数：
154
1.bootstrap是移动端优先的响应式工具，CSS中的代码默认是应用于移动端的，因此在写样式时，应注意先写移动端，再用媒体查询@media（）{}写平板或PC的样式。 2.bootstrap除了提供了一套用于响应式布局的栅格系统，还提供了一些预设的组件和js插件，非常省事儿，但是如果预设样式和实 ...
分类：
其他好文 时间：
2016-04-04 00:07:55
阅读次数：
529
bootstrap自带响应式布局，移动设备优先 col-xs-占位各数 最外层<div class="containers"> 【自动居中】 内容...... </div> div class "row"命名必须包含在.containers之中 禁用响应式布局 通过为.container设置一个wi ...
分类：
其他好文 时间：
2016-04-03 17:24:57
阅读次数：
142
©版权声明：本文为博主原创文章，如需转载请注明出处。 Bootstrap 是目前最流行的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB项目。 如果您希望在几个小时内对Bootstrap有一个直观的了解，观看微软虚拟学院（MVA）的视频教学Building Respon ...
分类：
其他好文 时间：
2016-04-01 23:29:22
阅读次数：
233
一，移动端宽度设置viewport视图窗口，<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">，视窗宽度=设备宽度，默认缩放=1，不允许用户缩放。 二，flexbox，弹性盒子模型： ...
分类：
其他好文 时间：
2016-04-01 20:31:12
阅读次数：
446
最近遇到这种头疼的问题，百思不得其解，不耻下问，悬梁刺股这些事情都做过之后，终于看到希望，于是攒见好就收，感觉整理分享给大家，希望有所帮助。 对手机分辨率和网页像素的初步认识是，是2倍的差别。 但是让人费解的是为什么还要 1.325 这种数据呢，原来是这么回事： 举个栗子： 以下是我摘抄并翻译的，想 ...
分类：
Web程序 时间：
2016-04-01 11:25:55
阅读次数：
409
引入device.min.js <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script type="text/javascript" src="http://cdn.bootcss.com/device ...
分类：
其他好文 时间：
2016-03-29 12:21:40
阅读次数：
145
SS响应式布局：一个网站能够兼容多个终端，而不是每一个终端做一个。 优点：面对不同分辨率设备灵活性强 能快捷解决多设备显示适应的问题 缺点：效率低下，兼容各种设备导致工作量巨大 代码累赘，隐藏无用的元素导致加载的时间加长 这是一种折中性质的解决方案，多方面因素影响而达不到最佳的效果 一定成都上改变了 ...
分类：
其他好文 时间：
2016-03-29 00:38:17
阅读次数：
157
11 用CSS进行布局 11.1 开始布局的注意事项 1 还是要强调的是内容与显示分离 2布局方法： 固定布局：整个页面和每一栏的内容都有基于像素的宽度。 就是说宽度都是固定好了的，不会因为你改变设备就随着你的设备的宽去进行改变。 响应式布局（流式页面）：它使用的是百分数定义宽度，允许页面随着环境的 ...
分类：
Web程序 时间：
2016-03-27 01:32:06
阅读次数：
261
做作业的时候遇见用css模拟Bootstrap的栅格布局，学习了一下。发现这个很有用，用来在不同的平台上得到很好地用户体验，比如Phone、Pad、大屏幕显示器、小屏幕显示器。自己模拟用css写了一下，用的是max-width、min-width子元素的宽度设置为不同的百分比，模拟栅格的12列。把1
分类：
Web程序 时间：
2016-03-23 00:32:57
阅读次数：
316
