当前位置: 首页>Bootstrap>Bootstrap 2 基础

Bootstrap 2 基础

时间:2015-06-07 22:55 来源:网络整理 作者:KKWL 点击:
Bootstrap 是 twitter 公司里面的开发者和设计师一起做出来的一套用在网页上的用户界面和交互的架构。 架构的意思就是把经常用的东西事先为你编写好,需要的时候,直接调用就可以了

Bootstrap 是 twitter 公司里面的开发者和设计师一起做出来的一套用在网页上的用户界面和交互的架构。 架构的意思就是把经常用的东西事先为你编写好,需要的时候,直接调用就可以了。 比如说,你想去设计网页的布局,你需要计算网页的宽度,然后手工把布局要用的 CSS 代码写出来。 Bootstrap 架构内置了一套网格布局系统,你只需要在元素中使用设计好的布局相关的网格类,不需要你再去手工撰写布局使用的CSS代码了。 如果你想在网页中出现一个按钮,通常你需要先用图形设计软件,去设计一个按钮 ,然后再把它用 HTML 和 CSS 表示出来。 在网页中使用Bootstrap架构 ,我们可以直接为元素添加Bootstrap 设计好的按钮相关的类,就可以立即在网页中出现一个漂亮的按钮,Bootstrap 还允许你控制这个按钮的颜色 ,样式,大小等等。 Bootstrap 里面包含了很多在网页中经常用的界面的设计。表格,表单、导航栏,按钮组,分页器,导航路径等等。 Bootstrap 还提供了很多交互的小插件,比如对话窗,下拉菜单,工具提示,选项卡等等,这些你都可以直接使用,你只需要按照 Bootstrap 设计好的方式,先把代码的结构写出来,然后在元素中使用相应的类,剩下的事 Bootstrap 全部都会为你做好。 这让我们的工作变得非常简单。

所有没看过未完成

介绍

1:44

0:00

下载 Bootstrap

2:15

包含的文件

2:26

在网页中使用 Bootstrap

5:34

0:00

布局

4:34

嵌套布局与流动布局

3:49

响应式布局

4:21

把已有的固定宽度布局转换成响应式布局

3:38

响应式布局的实用类

2:59

0:00

常用标签与样式

3:48

列表

3:30

代码

3:44

Google Prettify

2:29

表格

3:24

0:00

表单

4:09

文本框的前缀与后缀

3:14

单选按钮

2:16

复选框

2:17

选择列表

2:41

表单的排版

2:53

0:00

按钮

3:55

按钮群组

2:13

带下拉菜单的按钮

3:48

0:00

导航菜单

5:43

导航菜单里的下拉菜单

2:07

导航菜单的响应式设计

2:35

0:00

选项卡 #1

2:42

选项卡 #2

3:58

导航路径与分页器

4:01

提示信息

2:43

缩略图

3:58

对话框

4:01

工具提示

3:26

折叠内容

4:45

旋转木马

3:39

发布于: 2012-08-13 22:01

更新于: 2012-11-17 19:10

时长: 1 小时 59 分

作者: 王皓

下载资料包

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------