PHP Laravel 学习之加载前端框架Bootstrap

写在前面:
本文通过学习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框架的过程

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文链接 必备品 文档:Documentation API:API Reference 视频:Laracasts ...
    layjoy阅读 8,619评论 0 121
  • 必备品文档:DocumentationAPI: API Reference视频:Laracasts速查表:Lara...
    ethanzhang阅读 5,759评论 0 68
  • Laravel 学习交流 QQ 群:375462817 本文档前言Laravel 文档写的很好,只是新手看起来会有...
    Leonzai阅读 8,011评论 2 12
  • 1. 路由 路由定义文件位于 /routes/web.php 2. 使用命令行创建一个控制器 laravel 框架...
    那就远走阅读 1,024评论 0 1
  • 人是一种复杂的动物 思想复杂 情感复杂 关系复杂 很多的人和事只表现出了一面 而非多面 需要我们自己去发现 去思考...
    要命阅读 72评论 0 0