|
游客,本帖隐藏的内容需要积分高于 1 才可浏览,您当前积分为 0
资源信息:
中文名: 宁皓网:Bootstrap 网页设计用户界面架构
英文名: Bootstrap : User Interface Framework
别名: Bootstrap 网页设计用户界面与交互架构
资源格式: 光盘镜像
主讲人: 王皓
版本: 完整版
发行日期: 2012年08月22日
地区: 大陆
对白语言: 普通话
概述:
© ninghao.net
内容介绍:
Bootstrap 是 twitter 公司里面的开发者和设计师一起做出来的一套用在网页上的用户界面和交互的架构。
架构的意思就是把经常用的东西事先为你编写好,需要的时候,直接调用就可以了。
比如说,你想去设计网页的布局,你需要计算网页的宽度,然后手工把布局要用的 CSS 代码写出来。
Bootstrap 架构内置了一套网格布局系统,你只需要在元素中使用设计好的布局相关的网格类,不需要你再去手工撰写布局使用的CSS代码了。
如果你想在网页中出现一个按钮,通常你需要先用图形设计软件,去设计一个按钮 ,然后再把它用 HTML 和 CSS 表示出来。
在网页中使用Bootstrap架构 ,我们可以直接为元素添加Bootstrap 设计好的按钮相关的类,就可以立即在网页中出现一个漂亮的按钮,Bootstrap 还允许你控制这个按钮的颜色 ,样式,大小等等。
Bootstrap 里面包含了很多在网页中经常用的界面的设计。表格,表单、导航栏,按钮组,分页器,导航路径等等。
Bootstrap 还提供了很多交互的小插件,比如对话窗,下拉菜单,工具提示,选项卡等等,这些你都可以直接使用,你只需要按照 Bootstrap 设计好的方式,先把代码的结构写出来,然后在元素中使用相应的类,剩下的事 Bootstrap 全部都会为你做好。
这让我们的工作变得非常简单。
内容截图:
目录:
00-00-Bootstrap 用户界面与交互架构
01-01-下载 Bootstrap
01-02-包含的文件
01-03-在网页中使用 Bootstrap
02-01-布局
02-02-嵌套布局与流动布局
02-03-响应式布局
02-04-把已有的固定宽度布局转换成响应式布局
02-05-响应式布局的实用类
03-01-常用标签与样式
03-02-列表
03-03-代码
03-04- Google Prettify
04-01-表格
05-01-表单
05-02-文本框的前缀与后缀
05-03-单选按钮
05-04-复选框
05-05-选择列表
05-06-表单的排版
06-01-按钮
06-02-按钮群组
06-03-带下拉菜单的按钮
07-01-导航菜单
07-02-导航菜单里的下拉菜单
07-03-导航菜单的响应式设计
08-01-选项卡 #1
08-02-选项卡 #2
09-01-导航路径与分页器
10-01-提示信息
11-01-缩略图
12-01-对话框
13-01-工具提示
14-01-折迭内容
15-01-旋转木马
|