3.1. 样式和图标

本教程最新版为 2.6,当前版本已放弃维护,请阅读最新版本!

简介

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

引入 bootstrap-sass

参照 VuejsCaff 社区的样式,我们先安装 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="container">
    <div class="jumbotron">
      <div class="container">
        <h1>Welcome from Bootstrap</h1>
        <p>This is a simple hero unit, a simple jumbotron-style component for calling...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
讨论数量: 6

iROUL
这里bootstrap-sass必须安装3.4.1版本
4 个点赞 | 1 个回复 | 分享 | 课程版本 2.6
captainwong
这本教程对新手来说体验太差了,上来就一堆错误。。。
4 个点赞 | 0 个回复 | 分享 | 课程版本 2.6
npm install bootstrap-sass --save 运行了之后 编译就报错啦
0 个点赞 | 2 个回复 | 问答 | 课程版本 2.6
晚秋
依赖安装不好使,报错
0 个点赞 | 0 个回复 | 分享 | 课程版本 2.6