twitter-bootstrap - Laravel 5.1 和 Bootstrap 3 Sass 设置

Question

我想在 Laravel 5.1 中使用 Bootstrap 3 Sass，但我有一些问题:

• 在 5.1 中，在 Laravel 的 package.json 文件中，开箱即用的有“bootstrap-sass”的依赖项:“^3.0.0”。有没有简单的方法然后使用 Laravel 5.1 设置 bootstrap sass？
• 我需要引入 Bootstrap 源还是应该链接到CDN 还是将文件放在我的公共(public)文件夹中？
• 有没有理由使用 Bootstrap 的源代码，而不是将其放入公用文件夹？
• 我假设我需要安装 bootstrap 是否正确通过 Bower，将字体文件夹内容移动到公用文件夹，然后设置 Elixir 将所有 Sass 文件混合在一起？

我对将 Bootstrap 等第三方前端服务集成到 Laravel 感到有点困惑。我是 Laravel 和 Bootstrap 的新手，所以任何信息或建议将不胜感激。

注意:我在网上做了很多研究，但 Laravel 和 Bootstrap 的教程已经过时，评论表明它们不能正常工作。

感谢您的宝贵时间。

Answer 1

首先要安装节点包，只需在文件夹内运行 npm install。

之后，如果您导航到 resources/assets/sass/app.scss，您将看到第一条注释行从通过 package.json 安装的节点模块导入整个 Bootstrap

在您取消注释您可以在 gulpfile.js 中默认看到的行之后，您已经有了用于编译应用程序 sass 文件的 elixir 命令。

完成所有设置后，只需运行 gulp，elixir 将编译导入 bootstrap 的 sass 文件，您将在 public/css/app.css 中看到输出可以在您的应用程序中链接。

最后，要复制字体或任何其他 Assets ，您可以使用 copy 命令，您会将字体复制到公共(public)文件夹。

elixir(function(mix) {
    mix.copy('node_modules/bootstrap-sass/assets/fonts/', 'public/fonts');
    mix.sass('app.scss'); 
}