码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap 实战

时间:2016-09-18 15:21:20      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

Bootstrap 实战

推荐语
机器学习现如今火的不得了,似乎不学一点儿都不敢说自己是程序员。这本《机器学习实战》,是难得的一本理论与实战结合的好书,推荐给大家。汇智网已经为这本书匹配了专门的在线学习环境,书中示例代码也已经在线提供,希望能够帮助大家更好的学习。

前言

2011年8月,Twitter Bootstrap横空出世。如今,这个被称为Bootstrap的框架,俨然已成为前端设计领域最受欢迎的辅助技术。Bootstrap 3又是一个里程碑式的版本,增加了移动优先的响应式网格、新的强大的LESS混入,而且还针对现代浏览器对核心代码进行了优化。

本书详细介绍Bootstrap的使用方法(入门教程qkxue.net)。全书简明易懂,循序渐进,让读者时时处处体验到自定义和重编译Bootstrap的LESS文件的强大威力,同时掌握应用Bootstrap的JavaScript插件设计专业用户界面的技巧。

这本书并不局限于Bootstrap。Bootstrap只是一个工具,一个达到目标的手段(腾云科技ty300.com)。学习完这本书之后,读者将成为一位更加高效、熟练的Web设计师。

 

本书内容

第1章“初识Bootstrap”,教给大家如何下载Bootstrap,如何基于HTML5 Boilerplate设置站点模板,并且掌握把Bootstrap的LESS文件编译为CSS的方法。

第2章“作品展示站点”,开始学习创建简单的个人作品展示网站,包括全宽的传送带切换效果,三栏文本布局,以及使用Font Awesome的字体图标——通过自定义Bootstrap的LESS文件。

第3章“WordPress主题”,学习把第2章的个人作品展示站点转换成一个WordPress主题。这一章要利用有名的Roots Theme,根据我们的需要,还会涉及自定义模板文件、LESS、CSS和JavaScript。

第4章“企业网站”,将通过创建一个企业级网站学习如何创建复杂的页头区,添加下拉菜单和实用导航,以及构建复杂的三栏布局和四栏页脚,同时还要确保所有这些内容具有完全的响应能力。

第5章“电子商务网站”,带领大家探索商品展示页面的设计,学会在复杂的响应式网格中控制多行商品。与此同时,还要实现一个响应式的商品筛选工具。

第6章“单页营销网站”,这一章教给大家构建时尚的单页营销网站,包括带高清图的大字欢迎语、带大图标的商品功能列表、图片墙式的用户评论区,以及三个精美的价目表,最终完成一个支持动态滚动导航的漂亮的单页网站。

附录A“优化站点资源”,以第2章的网站资源为例,介绍了为最终部署网站而优化Bootstrap LESS/CSS及JavaScript等静态资源的基本流程和工具。这个附录对所有Bootstrap项目都一样有用。

附录B“实现响应式图片”,介绍最前沿的响应式图片解决方案Picturefill,仍然以第2章项目中的作品图片传送带为例。这个附录对其他项目也一样有用。

附录C“让传送带支持手势”,介绍在Bootstrap的传送带中使用一款先进的插件Hammer.js,实现传送带图片的轻扫切换功能。

稿源:勤快学QKXue.NET

阅读图文完整版Bootstrap 实战

Bootstrap 实战

标签:

原文地址:http://www.cnblogs.com/qkxue/p/5881345.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!