——1、html,css,javascript框架 ——2、一般开发响应式布局或者移动优先的项目可以优先考虑 优点 1、css开发版本（可以直接上手）和源码版本（可根据less 和sass变量和混合宏定制）； 2、已配置媒体查询，适应手机、平板、pc； 3、文档详细，有忘记的样式或者效果马上可以在文 ...
分类：
其他好文 时间：
2016-04-20 17:49:36
阅读次数：
149
一、前言 昨天唠叨了哈没用的，今天说点有用的把。先说一下响应式布局吧，我一直认为响应式布局的分项目，一下布局简单得项目做响应式还是可以可以得。例如博客、后台管理系统等。但是有些会认为响应式很牛逼，尤其是在不懂前端的人眼中，一味的追求响应式布局，我觉得复杂的布局项目做响应式还不如做二套样式，因为响应式 ...
分类：
移动开发 时间：
2016-04-19 22:54:23
阅读次数：
383
一、Bootstrap介绍 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。本课时讲解 Bootstrap 的概念，并介绍 Bootstrap 应用场景和如何下载。 中文官方网站：http://www.bootcss.com/ 二 ...
分类：
其他好文 时间：
2016-04-11 23:57:06
阅读次数：
429
Angle Admin Template介绍 Angle Admin Template是一款后台管理模板，使用Bootstrap3.x作为界面框架，支持响应式布局。Angle包含JQuery和AngularJS两种js框架，方便SPA的使用，并且该模板提供了ASP.NET MVC、Angular、R... ...
分类：
其他好文 时间：
2016-04-11 12:14:00
阅读次数：
208
一、Bootstrap特点Bootstrap主要做了两件事，一是将常用的css样式、js效果组件化，使开发者用更少的代码实现所需的效果，将主要的精力由繁琐的细节中解放出来。二是实现响应式布局，bootstrap集成的组件都考虑到了页面在pc、平板、手机上的适应性，可根据屏幕大小自动调整布局。二、Demo入门最后的效果放缩浏览器宽度，页面元素会自动调整位置当视口宽度小于978px时，将由水平排列调整为...
分类：
其他好文 时间：
2016-04-10 14:32:01
阅读次数：
218
响应式设计的优缺点优点解决了设备之间的差异化展示缺点兼容性代码多，工作量大，加载速度受影响对原有网站布局会产生影响，用户判断未必精确 响应式设计的原则移动优先在设计的初期就要考虑的页面如何在多终端展示 渐进增强充分发挥硬件设备的最大功能 实现响应式布局：1.CSS3-Media Query（最简单的 ...
分类：
其他好文 时间：
2016-04-09 23:41:46
阅读次数：
437
这几天研究了bootstrap响应式布局，其实现原理如下 ： 首先用@media查询当前屏幕的大小，然后根据屏幕大小显示不同样式，样式都是用%定义的。 自己模仿也实现了类似的布局，代码如下： ...
分类：
其他好文 时间：
2016-04-09 21:53:26
阅读次数：
211
container用于固定宽度并支持响应式布局的容器container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。 .col-xs-1-12 手机 (<768px).col-sm-1-12 小屏幕 平板 (≥768px).col-md-1-12 中等屏幕 桌面显示器 ...
分类：
其他好文 时间：
2016-04-06 18:25:45
阅读次数：
135
5，Css3响应式布局 媒体类型 all 所有媒体 braille 盲文触觉设备 embossed 盲文打印机 print 手持设备 projection 打印预览 screen 彩屏设备 speech '听觉'类似的媒体类型 tty 不适用像素的设备 tv 电视 关键字 and not not关键 ...
分类：
Web程序 时间：
2016-04-05 15:55:13
阅读次数：
248
编译后的CSS、JS和字体文件 额外的下载渠道 Bootstrap CDN 包含了哪些文件 基本模版 案例 禁用响应式布局 从2.x升级到3.0版本 被修改的主要class 新增class 被移除的class 额外注意 浏览器支持 对第三方组件的支持 可访问性 许可证FAQ 定制Bootstrap ...
分类：
其他好文 时间：
2016-04-05 02:09:28
阅读次数：
168
