本文为H5EDU机构官方HTML5培训教程，主要介绍：JavaScript强化教程——Bootstrap包的内容基本结构：Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap基本结构部分详细讲解。CSS：Bootstrap自带以下特性：全局的CSS设置、定义基本的HTML元素样式、..
分类：
编程语言 时间：
2016-10-09 21:03:28
阅读次数：
237
Bootstrap 框架的网格系统工作原理如下：1 、数据行 (.row) 必须包含在容器（ .container ）中，以便为其赋予合适的对齐方式和内距 (padding) 。 如： <div class=" container "> <div class=" row "></div> </div ...
分类：
其他好文 时间：
2016-10-09 00:10:38
阅读次数：
461
Bootstrap网格系统（Grid System） 响应式网格系统随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。 1 1 1 1 1 1 1 1 1 1 1 1 4 4 4 4 8 6 6 12 工作原理 · 行必须放置在 .container class 内，以便获得适 ...
分类：
其他好文 时间：
2016-09-19 16:06:43
阅读次数：
379
前言：第一次记录点东西，只能勉强算是笔记吧。博主自学前端，深知自己水水的，但还是向把自己学到的东西记录下来，这不刚学习了bootstrap的css部分，现在整理出笔记。 1，Bootstrap网格系统的基本网格结构 bootstrap网格的基本结构如下： 其中，Bootstrap中的containe ...
分类：
Web程序 时间：
2016-08-23 21:57:49
阅读次数：
315
表单 首先<form role="form" class="form-horizontal"></form> ,创建一个水平显示的表单。 然后<div class="form-group"></div>,网格系统，在有form-horizontal的条件下，form-group相当于row。 最后就 ...
分类：
其他好文 时间：
2016-08-23 21:44:39
阅读次数：
99
1.响应网格系统，这使得它很容易把元素放在行，并指定每个元素的相对宽度 . 要注意的是： 在使用网格布局系统之前，要不把布局的元素都添加到同一个<div>中，而且这个<div>必须有一个class，就是class=“row” 2.Bootstrap提供了方便的图标库： 需要引入下列的外部样式表： < ...
分类：
Web程序 时间：
2016-08-15 01:29:15
阅读次数：
197
Bootstrap 阅读目录 排版 表单 网格系统 菜单、按钮 做好笔记方便日后查阅o(╯□╰)o bootstrap简介： ? 简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。 ? 基于html5、css3的bootstrap，具有大量的诱人特性：友好的学 ...
分类：
其他好文 时间：
2016-08-12 07:54:18
阅读次数：
250
##### 1.3.2 栅格系统- Bootstrap中定义了一套响应式的网格系统，- 其使用方式就是将一个容器划分成12列，- 然后通过col-xx-xx的类名控制每一列的占比##### 1.3.3.row类- 因为每一个列默认有一个15px的左右外边距- row类的一个作用就是通过左右-15px ...
分类：
其他好文 时间：
2016-07-29 21:00:16
阅读次数：
156
这是一款使用CSS3制作的鼠标滑过图片标题文字动画特效。该特效在鼠标滑过图片的时候，会展现遮罩层，并在遮罩层上以旋转的方式使图片描述文字逐一展现。 在线预览 源码下载 使用方法 DEMO中使用bootstrap的网格系统来进行布局。整个图片放置在一个.box容器中，它里面的.box-content是 ...
分类：
Web程序 时间：
2016-07-15 09:28:39
阅读次数：
185
在Bootstrap框架中要实现水平表单效果，必须满足以下两个条件：1、在<form>元素是使用类名“form-horizontal”。2、配合Bootstrap框架的网格系统。（网格布局会在以后的章节中详细讲解） 在<form>元素上使用类名“form-horizontal”主要有以下几个作用：1 ...
分类：
其他好文 时间：
2016-07-01 13:24:10
阅读次数：
118
