8 个Bootstrap 3.x案例教程

Bootstrap 3.x新版发布后,争对于移动优化设计,各大设计论坛议论纷纷。这次Bootstrap 3最大的特点就是——扁平化。下面就是一些早期的Bootstrap 3例子,不过亲们注意咯,因为大部分最早期的测试案例,可能用到一些Bootstrap 2的属性。要是你已经用过Bootstrap 2,切换到3当然不是问题啦。

一、Bootable——Bootstrap 3三列模板

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

二、Bootstrap 3 登陆页

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

三、 Bootstrap 3 布局案例

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

bootstrap 3 examples 3

 

四、 Bootstrap 3 PSD

PSD文件免费下载, Ghostlypixels好人呀!bootstrap 3 examples 4

 

 五、 Bootstrap 3 营销页

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

 

六、 Bootstrap 3 案例展示模板

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

bootstrap 3 examples 6

 

七、 Bootstrap 3 图片切换

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

八、 Bootstrap 3 图标

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

bootstrap 3 examples 8

via smashinghub

此条目发表在 HTML5/CSS3, 资源 分类目录,贴了 , , , 标签。将固定链接加入收藏夹。

8 个Bootstrap 3.x案例教程》有 1 条评论

  1. Pingback 引用通告: 7个超赞的Bootstrap3主题构建 | 瑞克互动

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>