写在前面:
本文通过学习Lraravel china课程中使用端框架Bootstrap的总结。
分割线
Bootstrap 是以 NPM 扩展包的形式集成到 Laravel 项目中的,所以要使用Bootstrap框架就要先安装NPM扩展包。
在安装NPM扩展包之前我们需要一个工具 yarn,关于yarn的安装方法请参照https://yarnpkg.com/en/docs/install 安装方法,
如果安装完出现
需要安装Node.js
安装完成后:
1、安装NPM扩展包
yarn install --no-bin-links
yarn add cross-env
2、安装完成之后导入Bootstrap:
在resources/assets/sass/app.scss删除所有内容,只留下如下内容:
// Bootstrap
@import "~bootstrap-sass/assets/stylesheets/bootstrap";
3、最后只需要在你的blade模板里引入:
<link rel="stylesheet" href="/css/app.css">
以上就是导入Bootstrap框架的过程
网友评论