除了项目实例,本书还向读者介绍了很多实用插件、框架,以及前端开发的工作流程,这些知识和技术并不局限于Bootstrap。特别地,作者用相当篇幅介绍了LESS的基本原理和使用方法,让即使从未接触过LESS的人也能感觉游刃有余。此外,全书各章还分别介绍了HTML5 Boilerplate、Font Awesome、Respond.js、Masonry、Scroll-Spy,以及Roots的WordPress启动主题,让读者不必白手起家也能实现各种酷炫效果。 本书附录还介绍了为获得最快下载速度而对站点资源进行优化、实现响应式图片,以及为图片传送带添加手势的技术。作者提供的项目代码也非常完整、清晰,每一章都有相应的开始和完成文件夹,方便读者参考使用。 本书适合有一定HTML/CSS基础的开发人员和爱好者阅读学习,经验丰富的开发人员也可以把它当作参考。" />
Bootstrap是Mark Otto和Jacob Thornton在Twitter公司共同开发的一个开源网站...
昨天(2015-5-14),营销经理刘美英说想让我自己做一次微博转发赠书活动,因为《Bootstrap实战》是我翻译的。于是,我研究了一通新浪微博的API,发现接口有限制,好像应用必须通过新浪微博开放平台的审核,才能访问除我之外的其他人转发的微博。显然时间来不及了。 今天一早…...
最近想学学Bootstrap做个网页,毕竟不怎么会网页设计之类的,自己写出来的东西往往不忍直视( ▼-▼ ) 某一天在上《毛泽东思想XXX》时突然冒出这个想法,于是逃课去图书馆借了本《Bootstrap实战》(李松峰 译)先看看,毕竟借了本书后心里有点底了。 学习过程总是充…...
1. 首先,你先要下载一个xampp,来建立wordpress服务器和数据库。启动xampp-control.exe面板上的项目。
(留意装了iis可能和apache端口冲突,tomcat还需要装JAVA SDK等)
2. 再下载 wordpress:https://cn.wordpress.org/,解压扔在:C:\xampp\htdocs\下。
打开https://localhost/wordpress/,按提示安装。
3. 然后,把本章的源代码文件夹改名为Roots,扔在:C:\xampp\htdocs\wordpress\wp-content\themes下。
4. 再然后,你要有一个PHP开发工具,比如phpstorm,修改包括:
-- 模板 page-home.php(3.5)
-- 布局 base-page-home.php(3.7)
-- 内容 templates/content-home.php(3.9)
-- 引用 lib/scripts.php(3.11-3.14)
-- 标题栏 templates/header-top-navbar.php(3.15)
-- 页脚 templates/footer.php(3.15)
-- 浏览器页签 templates/head.php(3.16)
-- _wp.less(3.17)
5. wordpress控制台 https://localhost/wordpress/wp-admin 方面的设置,则包括:
主题
-- 外观/主题 --> 选择bootstrappin主题(3.2)
-- 外观/菜单 --> 1. 建立菜单 2. 勾选主要导航(3.3)
-- 外观/小工具 --> 建立页脚(3.10)
首页
-- 页面/Home/页面属性 --> 选择模板(选项来自:page-home.php/page.php/templage-custom.php)(3.5)
-- 页面/Home/自定义栏目 --> 建立自定义模板组件(3.8)
-- 页面/Home/添加媒体 --> 上传4张图片(3.4)
差不多就这样。
// 5.4.4
**.active &:before {
前面两个星号是你加的吧,调了我半天。(网页版才有)
第四章
1. 第四章(及之后)的源代码有一个<section>未关闭,但不影响。
2. 有一个bug,在xs视口如展开菜单未收拢,则切换到宽视口再次展开会出问题。
3. P112(和源代码差异):.utility-nav 的 right 书上为 0,源代码为 20px。基本没影响。
第五章
1. P145 图片中翻页条在整个视口居中了,但实际只会在右侧区域居中吧。
2. P153(和源代码差异): .choose-clearance width: 92.5%; 源代码最后却是 100%。基本没影响。
3. P153 书中没提,作者在源代码中改了 _page-content.less 中的 main(加了.home),避免影响本章
.choose-clearance h3 padding-top: 4px;
4. 作者在源代码给 .grid-options 也加了一个 .center-block(); 这样xs视口才能居中。
”2. 给body标签添加下面的ScrollSpy属性:“ 下面漏了一句话。
书没有问题。
中途还去roots.io下载了一个最新版的roots(sage)主题,但是文件内容完全不一样。揪心揪心
https://bbs.360.cn/thread-14471550-1-1.html