拉拉浏览器，动动手指就能理解什么是布局以及流式布局

3分钟理解神马是栅格？并做出手机和pc同时适应的div

速学用户登录样式(一)：文本框和按钮

可以使用bootstrap的form样式，当时自己也可以手工调整 自己写的样式。初学者建议直接使用bootstrap自己的样式

依然使用实际的登录表单，如果要调整位置，那么可以使用偏移，而千万不要自己去修改长度和宽度哦~~~~

本节课的知识点： 1、通过bootstrap的插件脚本。实现按钮状态的改变 2、学习第一个 提示脚本编写。

基本布局

1、在导航左侧栏上加logo2、在导航栏右边加上 注册和登录链接3、本课时主要是教大家怎么思考、怎么产生想法，然后才会知道怎么去官方文档中找到答案。

1、如何结合官方文档学习一个知识点2、看到了、学会了，还要学会简单剖析3、譬如这个折叠导航栏吧

学习bootstrap中惊艳的表格

在拥挤的导航栏上加一个搜索框

超短知识点。当导航栏的内容过多导致换行怎么办？真的需要写脚本来处理吗？

快速做一个轮播图片效果.

教大家一种学习思维。作为程序员一定要任性、要固执、要倔，才能学得又快又好

让你的bootstrap轮播支持手势滑动

很炫的bootstrap字体图标。 本课时还将学习到一个新的css知识

利用最基本的ul元素就可以建立侧栏。本课时大家见证一下如果自己手写样式和使用bootstrap在效能上的区别

新闻侧边栏(二):面版式侧边栏

学技术贵在灵活、机智

少量的代码完成不错用户体验的页面

模仿APP做新闻列表页,让我们的页面看起来和原生APP很像。课时使用纯bootstrap+个性化css。本课时导航栏部分

去掉滚动条，让手指拉动你的列表。

我们在网页中通过视频的方法，可以实现很逼真的APP下拉加载更多的效果。结合PHP将更加完美。

紧接着上节课的知识。我们来做一个在线考试页面，尽量模仿原生APP。本节课完成的是显示选择题选项，并实现拍击屏幕选中事件。

实现模仿APP页面切换效果的上一题和下一题