Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它是由动态CSS语言less写成。Bootstrap 包的内容基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。CSS：Bootstrap 自带以下特性：全局...
分类：
Web程序 时间：
2015-09-21 01:19:14
阅读次数：
181
Bootstrap网格系统本章节我们将讲解 Bootstrap 的网格系统（Grid System）。Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。什么是网格（Grid）？摘自维基百科：在平面设计中，网格是一...
分类：
其他好文 时间：
2015-09-16 00:45:53
阅读次数：
290
1.缩略图（一）
缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。
通过“thumbnail”样式配合bootstrap的网格系统来实现。
前面也说过了，缩略图的实现是配合网格系统一...
分类：
其他好文 时间：
2015-08-27 16:42:28
阅读次数：
217
Bootstrap 4中有太多重大的更新，本文不能面面俱到，下面是一些颇受关注的亮点：
从Less迁移到Sass： 现在，Bootstrap已加入Sass的大家庭中。得益于Libsass，Bootstrap的编译速度比以前更快；
改进网格系统：新增一个网格层适配移动设备，并整顿语义混合。
支持选择弹性盒模型（flexbox）：这是项划时代的功能——...
分类：
其他好文 时间：
2015-08-25 14:20:46
阅读次数：
166
代码
基本用法
<link rel="stylesheet" hre...
分类：
其他好文 时间：
2015-08-21 13:43:17
阅读次数：
148
1.下面是一些对响应式设计提供了不同程度支持的CSS框架：（1）Semantic(http://semantic.gs);（2）Skeleton(http://getskeleton.com);（3）Less Framework(http://lessframework.com);（4）1140 C...
分类：
Web程序 时间：
2015-07-17 11:30:03
阅读次数：
246
Bootstrap框架默认的表单是垂直显示风格，但很多时候我们需要的水平表单风格（标签居左，表单控件居右） 在Bootstrap框架中要实现水平表单效果，必须满足以下两个条件： 1、在元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。 在元...
分类：
其他好文 时间：
2015-06-24 22:29:19
阅读次数：
153
要点一、Bootstrap 3 是基于移动端优先的思想，在这个意义上，Bootstrap 代码从小屏幕设备（比如移动设备、平板电脑）开始，然后扩展到大屏幕设备（比如笔记本电脑、台式电脑）上的组件和网格移动设备优先策略内容决定什么是最重要的。布局优先设计更小的宽度。基础的 CSS 是移动设备优先，媒体...
分类：
其他好文 时间：
2015-05-29 00:22:53
阅读次数：
341
原文:Bootstrap 网格系统Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。 什么是网格（Grid）？ 摘自维基百科： 在平面设计中，网格是一种由一系列用于组织内容的相交的直线（垂直的、水平的）组成的结构...
分类：
其他好文 时间：
2015-05-05 18:26:02
阅读次数：
97
Bootstrap 官方文档中有关网格系统的描述：Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。让我们来理解一下上面的语句。Boot...
分类：
其他好文 时间：
2015-04-28 01:39:09
阅读次数：
109
