Nic老师的周一分享“与Bootstrap做朋友”提取练习。

Bootstrap元件（）

中文版：http://v3.bootcss.com/components/
英文版：http://getbootstrap.com/components/
英文版Bootstrap可以复制，中文版不可以复制。

• 一个小习惯：修改之前，先将原来的注释掉。从空白开始，一点一点开始修改，每次修改看看效果。代码修改后要经常进行排版。
• 元件的panel和按钮等比较好用。

格线系统

中文版：http://v3.bootcss.com/css/
英文版：http://getbootstrap.com/css/

谷歌开发工具的使用

原来这个是神器：
Chrome 开发工具指南
如何更专业的使用Chrome开发者工具
神器——Chrome开发者工具(一)

修改zsh的背景或者透明度

一些常用快捷键：

• 放大缩小网页: command +/-
• 快速注解：cmd + /
• google 浏览器可以直接 cmd+f 进行搜索。
• 输入<div>后按tab可以快捷输入结尾的</div>
• bootstrap的img-responsive类（class: "img-responsive"）可以让图片自己适应区块的大小，不需要再设置额外CSS。