第三章，网站头尾

目录

3.1 样式和图标

3.2 网站logo

3.3 导航列表

3.4 底部区域

3.5 小结

---

3.1 样式和图标

简介

本小节中，我们将引入 bootstrap-sass 提供项目所需的样式，引入 font-awesome 提供项目所需的图标。

引入 bootstrap-sass#

参照 Learnku Vue.js 社区的样式，我们先安装 bootstrap-sass：

> cd ~/Code/vuejs-essential
> npm install bootstrap-sass --save

注：Bootstrap 是一个简洁、直观、强悍的前端开发框架，我们的课程会使用其样式部分，但不会做重点介绍。bootstrap-sass 是 Bootstrap 的 Sass（一种 CSS 扩展语言）版本，--save 用来标识当前模块是项目所需的模块。

安装成功后，打开 src/App.vue 文件，复制以下代码进行替换：
src/App.vue

<template>
  <div class&#