栅格系统（布局） Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。 它就是通过一系列的行（row）与列（column）的组合创建页面布局，然后内容就可以放入到创建好的布局当中。Bootstrap栅格系统的工作 ...
分类：
其他好文 时间：
2017-06-25 18:35:32
阅读次数：
198
安装和栅格系统学完，这篇写的是排版手册中排版的目录如下图 《标题，页面主题，内联文本元素，对齐，改变大小写，缩略语，地址，引用，列表》手册中介绍那么多，其实并不是所有的都要去看看。很多都是没有必要的。总结了几个要看的地方: 《标题，段落，mark标记，del删除线，small小号字体，文字文本对齐， ...
分类：
其他好文 时间：
2017-06-23 19:30:11
阅读次数：
148
学习前端许久，对于布置框架和响应浏览器用html 和javascript 写的有点繁琐，无意间看到这个框架，觉得挺好用的就开始学习了，但是这个框架上面有很多知识，不是所有的都要学的，故将学习笔记和觉得重点的东西写下来，以便以后学习。 Bootstrap 是一个相应式的布局的一个前端框架。bootst ...
分类：
其他好文 时间：
2017-06-23 15:44:21
阅读次数：
126
栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理： “行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便 ...
分类：
其他好文 时间：
2017-06-23 10:44:40
阅读次数：
115
.col-md-4 .col-md-4 .col-md-offset-4 .col-md-4 .col-md-4 .col-md-offset-4 .col-md-3 .col-md-offset-3 .col-md-3 .col-md-offset-3 .col-md-3 .col-md-offs ...
分类：
其他好文 时间：
2017-06-18 20:52:59
阅读次数：
152
先看代码 html： <div> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div> css： ul,li{padding:0;margin:0;list-style: none;} *{box-sizing:border-box;-m ...
分类：
其他好文 时间：
2017-05-30 19:35:06
阅读次数：
182
bootstrap全局css样式：一共12个内容模块 概览 栅格系统 排版 代码 表格 表单 按钮 图片 辅助类 响应式工具 使用Less 使用Sass 一、概览类 1.html5文档类型 2.移动设备优先 3.排版与链接 bootstrap排版、链接样式设置了基本的全局样式。分别是： * 为bod... ...
分类：
Web程序 时间：
2017-05-28 10:01:21
阅读次数：
231
一：栅格系统的介绍 栅格系统是Bootstrap提供的一套响应式，移动设备优先的流式栅格系统，随着屏幕或者视口尺寸的增加，系统会被自动分为最多12列。 栅格系统通过一系列的行和列来组合创建页面布局，我们将内容放入创建好的布局之中， 二：栅格系统的结构与详解 栅格系统的结构： 行（row）必须包含在一 ...
分类：
其他好文 时间：
2017-05-12 22:20:05
阅读次数：
246
Bootstrap项目实战-资讯 html css 重点：用栅格系统布局 ...
分类：
其他好文 时间：
2017-05-09 21:53:44
阅读次数：
334
?? Bootstrap 使用到的某些 HTML 元素和 CSS 属性须要将页面设置为 HTML5 文档类型。 1）例如以下开头html标签： <!DOCTYPE html> <html lang="zh-CN"> ... </html> 2）Bootstrap3是依照移动设备优先设计的框架。为了确 ...
分类：
其他好文 时间：
2017-05-08 23:16:31
阅读次数：
205
