美文网首页
PHP Laravel 学习之加载前端框架Bootstrap

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

作者: 唐朝早晨 | 来源:发表于2018-08-09 20:58 被阅读0次

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

    相关文章

      网友评论

          本文标题:PHP Laravel 学习之加载前端框架Bootstrap

          本文链接:https://www.haomeiwen.com/subject/lbocbftx.html