bootstrap世界杯网页制作响应式实战

1

1.响应式布局复习1.响应式布局复习

2

2.bootStrap的简介2.bootStrap的简介

3

3.下载bootStrap 框架文件3.下载bootStrap 框架文件

「仅限付费用户」点击下载“bootstrap.rar”

4

4.hello bootstrap4.hello bootstrap

「仅限付费用户」点击下载“Bootstrap.rar”

5

5.增加一个.conainer容器5.增加一个.conainer容器

「仅限付费用户」点击下载“BootStrap.pdf”

6

6.12等分效果（三步骤）6.12等分效果（三步骤）

7

7 注意事项7 注意事项

8

8.世界杯网页布局8.世纪杯布局

9

9.扩充按钮技术点的讲解（有兴趣可以看）9.扩充按钮技术点的讲解（有兴趣可以看）

10

10.logo和导航设计10.logo和导航设计

11

11.设计左侧nav11.设计左侧nav

12

12.a标签块装设计12.a标签块装设计

13

13.a标签鼠标悬停效果13.a标签鼠标悬停效果

14

14.字体图标的设计14.字体图标的设计

15

15.小结15.小结

16

16.回顾提问字体图标目录的使用16.回顾提问字体图标目录的使用

17

17.回顾二 欣赏真快乐网站（字体图标和精灵图）17.回顾二 欣赏真快乐网站（字体图标和精灵图）

18

18.设计中间部分的框架18.设计中间部分的框架

19

19.news块样式设计第一步19.news块样式设计第一步

20

20.float left20.float left