Bootstrap4.1.3 更新

Laravel5.5 更新 Bootstrap4见：
博客：Laravel 5 前端预设 Bootstrap 4

上面的是Bootstrap4.0，前端太丑， 我更新后又执行了 ....

$ git checkout -f

================ 分割线 ================

手动更新至Bootstrap4.1.3 ：

① 更新npm配置文件 package.json ，修改如下

    "devDependencies": {
        "axios": "^0.17",
        "bootstrap": "^4.1.3",
        "jquery": "^3.3",
        "popper.js": "^1.14",
        "cross-env": "^5.2.0",
        "laravel-mix": "^1.0",
        "lodash": "^4.17.4",
        "vue": "^2.5.7"
    },
    "dependencies": {
        "bootstrap": "^4.1.3",
        "jquery": "^3.3",
        "popper.js": "^1.14"
    }

② npm安装Bootstrap4：

$ npm install

安装完成后，会在resources/views中生成一些新的模板视图 home.blade.php welcome.blade.php layouts/app.blade.php auth/login.blade.php auth/register.blade.php，另外还有控制器app/Http/Controllers/HomeController, 删除即可.

③ 修改 resources/assets/js/bootstrap.js

    // require('bootstrap-sass');
    require('bootstrap');

④ 编辑 resources/assets/sass/app.scss

// Bootstrap3
// @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

// Bootstrap4.1.3
@import "node_modules/bootstrap/scss/bootstrap";

⑤ 生成新的CSS和JS文件（Bootstrap4） public/css/app.css public/js/app.js

$ npm run dev

⑥ 文件resources/views/layouts/default.blade.php 中， 引入生成的Bootstrap4样式表

<link rel="stylesheet" href="{{ URL::asset('css/app.css') }}" type="text/css" >
<script src="{{ URL::asset('js/app.js') }}" type="text/javascript"></script>

或者 下面这样也可以：

  <!-- CSS dependencies -->
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
  <!-- CSS 自定义 -->

  <!-- JavaScript dependencies -->
  <script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.14.5/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
  <!-- JavaScript 自定义 -->

这意味着 ④ ⑤可以省了。

⑦ 文件resources/views/users/index.blade.php中，修改分页显示方式 ({!! $users->render() !!})：

{!! $users->render("pagination::bootstrap-4") !!}

⑧ 结果如下：