在上一节课中，我们学习了如何使用 PhpStorm 内置的监视器编译 LESS。在本教程中，我们将创建一个基于 SASS Bootstrap 的主题。如果您在使用 LESS 和 PhpStorm 编译时遇到困难，可以尝试使用 Gulp 和 SASS。在当前阶段，使用 LESS 还是 SASS 都可以，但我建议您使用 SASS 与 Gulp，因为编译速度更快、配置更简单。
Gulp 是一个基于 JavaScript 的任务管理器。我们将用它来实现两个任务：一个用于监控 sass 文件夹的更改，另一个用于将 SASS 编译为 CSS。
在本视频中，我们将演示如何添加来自 YouTube/Vimeo 的视频区块。
视频链接：
https://youtu.be/vpfcJQkNQww
PSD 设计稿下载：
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip
在本视频中，我们将为“最新推文”区块添加样式。
PSD 设计稿下载：
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip
在本视频中，我们将使用 Font Awesome 图标制作一个带有社交媒体图标的区块。
PSD 设计稿下载：
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip
在本视频中，我们将使用 Views Slideshow 模块创建一个评论轮播区块。
https://www.drupal.org/project/views_slideshow
PSD 设计稿下载：
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip
在本视频中，我们将创建一个反馈表单。
PSD 设计稿下载：
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip
在本视频中，我们将完成主页的布局工作，并尝试使用 Perfect Pixel 插件：
https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=en