一、Bootstrap CSS 1、Bootstrap 网格系统 2、Bootstrap 排版 3、Bootstrap 代码 4、Bootstrap 表格 5、Bootstrap 表单 6、Bootstrap 按钮 7、Bootstrap 图片 8、Bootstrap 辅助类 二、Bootstrap ...
分类:
其他好文 时间:
2017-07-10 23:48:48
阅读次数:
203
前面的话 缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底部(左侧或右侧)带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件,本文将详细介绍Bootstrap缩略图 概述 Boostrap 缩略图的默认设计仅需最少的标签就能展示带链接的图片,通过“thu ...
分类:
其他好文 时间:
2017-07-05 11:36:07
阅读次数:
162
Bootstrap网格系统的强大,已经能满足大部分前端开发的需求。但没有很好的解决固定宽度、宽度百分比和高度对齐的问题。 Flex(IE10+)可以很好的解决BootStrap的问题: CSS部分: HTML部分: ...
分类:
其他好文 时间:
2017-06-24 16:20:52
阅读次数:
141
1.Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。 2.什么是网格? 在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的、水平的)组成的结构(通常是二维的)。 它广泛应用于打印设计中的设计布局和 ...
分类:
其他好文 时间:
2017-06-16 17:35:32
阅读次数:
176
网格系统 什么是网格(Grid)? 摘自维基百科: 简单地说,网页设计中的网格用于组织内容,让网站易于浏览,并降低用户端的负载。 什么是 Bootstrap 网格系统(Grid System)? Bootstrap 官方文档中有关网格系统的描述: 让我们来理解一下上面的语句。Bootstrap 3 ...
分类:
其他好文 时间:
2017-06-11 18:23:17
阅读次数:
205
1 2 3 4 5 Document 6 7 10 11 12 13 14 24 39 /*网格系统一般的结构 */ 40 41 42 43 .... ...
分类:
其他好文 时间:
2017-06-05 10:14:38
阅读次数:
160
MUI:(使用H5+app模式,号称是最接近原生,但是目前在手机和电脑浏览器无法使用) app-framework:(有Android、iOS等主题样式可供选择,有强大的XDK编辑器支持) Ratchet:(同样有Android、iOS等主题样式可选,与Bootstrap类似的框架) Monaca. ...
分类:
移动开发 时间:
2017-05-17 15:21:51
阅读次数:
306
1. Twitter BootStrap (Apache v2.0;响应式) 时髦、直观并且强大的前端框架,让Web开发变得更加容易。 2. Foundation (MIT;响应式) 最先进的响应式前端框架。 3. 960gs(GPL&MIT;响应式) 960gs提供了一个简单的网格系统,适合快速开 ...
分类:
其他好文 时间:
2017-04-24 15:44:13
阅读次数:
220
Bootstrap网格系统 Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。 Bootstrap 网格系统(Grid System)的工作原理 网格系统通过一系列包含内容的行和列来创建页面布局。下面列出了 Bo ...
分类:
其他好文 时间:
2017-03-31 18:14:02
阅读次数:
237
1、缩略图(一) 缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底下(左侧或右侧)带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。 使用方法: 通过“ ...
分类:
其他好文 时间:
2017-03-28 23:33:39
阅读次数:
263