一. 整体架构 1. CSS-12栅格系统 把网页宽度均分为12等分（保留15位精度）——这是bootstrap的核心功能。 2.基础布局组件 包括排版、按钮、表格、布局、表单等等。 3.jQuery bootstrap插件的基础 4.响应式设计 兼容多个终端。这是bootstrap的终极理念。 5 ...
分类：
其他好文 时间：
2016-10-09 17:15:30
阅读次数：
274
学习bootstrap 中的栅格系统 非常重要 排版布局经常用到 其中 row col 可以相互嵌套 穿插使用 例如： 会达成这样的效果： 在BOOTSTRAP中 有很多现成的 按钮 内联框架 导航 轮播图 等各种炫酷效果的源代码 可直接复制粘贴皆可使用 不过 当他的细节部分不适合个人使用要求时 改 ...
分类：
其他好文 时间：
2016-09-17 19:17:28
阅读次数：
117
Bootstrap入门（二）栅格 全局CSS样式--栅格 先引入本地的CSS文件（根据自己的文件夹，有不同的引入地址，我是放在一个新建的名为css的文件夹中） <link href="css/bootstrap.min.css" rel="stylesheet"> container 容器，栅格系统 ...
分类：
其他好文 时间：
2016-09-07 01:08:11
阅读次数：
145
1 网格 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。 把显示的内容改为三等份 显示的页面如下图： 引用资料： http://v3.bootcss.com/css/#grid ...
分类：
其他好文 时间：
2016-09-03 08:36:28
阅读次数：
184
一、基础知识 1.整体架构 以响应式设计为理念，css组件、js插件+jquery、基础布局组件和12栅格系统搭建。 1.1响应式设计：结合media query查询，适应更多设备，自动适应用户的设备环境，不必为每个终端做一个特定的版本。 2.css12栅格系统 将容器平分12份，行（row）必须包 ...
分类：
其他好文 时间：
2016-08-26 12:07:50
阅读次数：
156
1、微金所链接：http://www.weijinsuo.com/ 2、头部分为：topbar和nav上下两个部分 （1）topbar详解 topbar使用bootstrap的栅格系统 （2）nav分为3部分 如何使用bootstrap快速建立导航栏？从bootstrap中找到导航栏，从简单的开始修 ...
分类：
Web程序 时间：
2016-08-20 10:05:48
阅读次数：
172
一、什么是栅格系统。 这里主要介绍的是Bootstrap的所提供的一套响应式栅格系统，栅格系统故名思义就是把一个系统分成一个个栅格来进行布局，而Bootstrap把一些主流的屏幕或者视口，分成了一行最多12列（例如：col-md-1到col-md-12）来进行布局，bootstrap把整个页面分割成 ...
分类：
其他好文 时间：
2016-08-19 14:48:28
阅读次数：
238
##### 1.3.2 栅格系统- Bootstrap中定义了一套响应式的网格系统，- 其使用方式就是将一个容器划分成12列，- 然后通过col-xx-xx的类名控制每一列的占比##### 1.3.3.row类- 因为每一个列默认有一个15px的左右外边距- row类的一个作用就是通过左右-15px ...
分类：
其他好文 时间：
2016-07-29 21:00:16
阅读次数：
156
