Bootstrap 3最大的特点就是——扁平化,下面就是一些早期的Bootstrap 3例子,不过亲们注意咯,因为大部分最早期的测试案例,可能用到一些Bootstrap 2的属性。要是你已经用过Bootstrap 2,切换到3当然不是问题啦。

 

一、Bootable——Bootstrap 3三列模板

Bootply出品的Bootstrap案例,很不错的哦,想玩的话试试呗

 

二、Bootstrap 3 登陆页

手把手教你如何用Bootstrap 3创建一个简单登陆页的教程,对初学者绝对实用。

 

三、 Bootstrap 3 布局案例 

简单干净的案例告诉你如何利用Bootstrap 3排版布局。

 

四、 Bootstrap 3 PSD

PSD文件免费下载, Ghostlypixels好人呀!

 

五、 Bootstrap 3 营销页

Getbootstrap发布了好一些例子,这里是一个最简单的用Bootstrap 3做的可用于行销或公司主页的模板。

 

六、 Bootstrap 3 案例展示模板

Bootstraptor提供一个一些很不错的Bootstrap 3例子,从布局到菜单入门套件应有尽有。

 

七、 Bootstrap 3 图片切换

如果你也想用Bootstrap 3的“carousel”功能装点自己的网站,那就去看看吧。

 

八、 Bootstrap 3 图标

扁平化风格的图标,想怎么用就怎么用!

 

英文原文: smashinghub

 

 

参考推荐

JS检测移动端自适应屏幕大小

BootStrap:一天完成把PC网站改为自适应

PC端网页自适应手机屏幕大小

PC网站自动适配手机网页的方法技巧

CSS 自适应多屏大小的 @media 用法详解

WordPress 视频嵌入iframe自适应手机的初步解决方案

8个实用的Bootstrap3案例教程

BootStrap (2) —— 布局排版