bootstrap 移动优先 中文官网 http://www.bootcss.com/ 1.基本模板 2.容器（默认样式中左右各15px的padding） 流体容器 铺满整个屏幕 例:<div class="container-fluid"</div> 固定容器 自适应居中 分辨率大于1200时容器 ...
分类：
其他好文 时间：
2016-12-20 20:13:07
阅读次数：
180
一．移动设备优先 在 HTML5 的项目中，我们做了移动端的项目。它有一份非常重要的 meta，用于设置屏 幕和设备等宽以及是否运行用户缩放，及缩放比例的问题。 //分别为：屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放 二．布局容器 Bootstrap 需要为页面内容和栅格系统包裹一 ...
分类：
其他好文 时间：
2016-12-20 01:17:59
阅读次数：
422
Bootstrap的栅格系统： 1. 为了合适的排列与内补，行（row）写在.container或者.container-fluid中； 在手机上（超小屏幕<768px）:总是水平排列的， .container最大宽度自动，类前缀是.col-xs-，最大列宽（column）自动； 在平板上（小屏幕> ...
分类：
Web程序 时间：
2016-12-19 18:28:27
阅读次数：
371
Bootstrap提供了如下重要的特性：?一套完整的基础CSS插件。?丰富的预定义样式表。?一组基于jQuery的JS插件集。?一个非常灵活的响应式（Responsive）栅格系统，并且崇尚移动先行（Mobile First）的思想。 css优先级 优先级如何确定CSS的优先级？这里我们要先引入一个 ...
分类：
其他好文 时间：
2016-12-16 12:01:17
阅读次数：
158
----------------------------------------------------栅格系统：是bootstrap提供的响应式布局方式----------------------------------------------------------- 栅格系统的核心：就是把容器... ...
分类：
其他好文 时间：
2016-12-14 09:49:11
阅读次数：
248
在工作中我们常常需要实现响应式布局，这个可以使用bootstrap的栅格系统来实现，我们在列里也需要实现一部分的响应式。比如下面的效果图，需要实现左边图标固定，右边的自适应 ： 左边固定宽度，右边自适应，这个时候我就想到了两列布局，将左右设置float，左边设置固定宽度，右边的宽度为calc(100 ...
分类：
其他好文 时间：
2016-12-12 23:44:43
阅读次数：
207
栅格系统是通过行（.row）与列（column）的组合一起来创建页面布局的，所以只有列（column）可以作为行（row）的直接子元素，我们所要写的内容可以放在列里（column），不过在行的外层还需要定义一层来包含行（.row），这个外层为（.container）或者（.container-flu ...
分类：
其他好文 时间：
2016-12-12 23:13:52
阅读次数：
214
目录 一、负边距与浮动布局 1.1、负边距 1.1.1、向上移动 1.1.2、去除列表右边框 1.1.3、负边距+定位，实现水平垂直居中 1.1.4、去除列表最后一个li元素的border-bottom 1.2、双飞翼布局 1.3、多栏布局 1.3.1、栅格系统 1.3.2、多列布局 二、弹性布局（ ...
分类：
Web程序 时间：
2016-12-09 15:56:08
阅读次数：
237
Bootstrap Bootstrap栅格系统 <div class="container-fluid"> aaaaaaaaa </div> // 自适应宽度 流体 <div class="container"> aaaaaaaaa </div> //固定宽度，根据不同分辨率展示不同固定值 两者不要 ...
分类：
其他好文 时间：
2016-11-30 02:40:53
阅读次数：
185
bootstrap根据不同屏幕尺寸，选择不同的栅格选项。一共有四种栅格选项，超小屏（手机）、小屏（平板）、中屏（桌面）、大屏（超大桌面）。栅格系统分为12列，即每行最多可容纳12列。若<HTML>里，一个.row内包含的列（column）大于12个（即，一行中的栅格单元超过12个单元），则会自动排版 ...
分类：
其他好文 时间：
2016-11-28 09:29:05
阅读次数：
236
