【问题标题】:Bootstrap 4 Installation With Laravel 5.7使用 Laravel 5.7 安装 Bootstrap 4
【发布时间】:2019-05-14 02:40:53
【问题描述】:

我正在尝试从 Laravel 编译我的新项目附带的 app.scss 文件,但我想安装 Bootstrap 4。在执行我的 npm run dev 时没有安装 Bootstrap 4,但它仍然具有Laravel 默认自带的 Bootstrap。

对此有任何建议或文档吗?

【问题讨论】:

  • 尝试将路径从~bootstrap/scss/bootstrap 更新为./bootstrap/scss/bootstrap。我认为~指的是你的主目录;除非有我不知道的额外用途

标签: laravel laravel-5 npm bootstrap-4 laravel-5.7


【解决方案1】:

事实上 Laravel 默认自带 Bootstrap 4。如果您查看https://github.com/laravel/laravel/blob/master/package.json 文件(您的项目中也应该有 package.json),您将看到以下行:

"bootstrap": "^4.0.0"

这意味着将安装 Bootstrap 4。

你应该跑

npm install

安装所有包,默认安装 Bootstrap 4。

这个~ 符号意味着这里node_modules 目录所以实际上行

@import "~bootstrap/scss/bootstrap"

意思

@import "node_modules/bootstrap/scss/bootstrap"

【讨论】:

  • 感谢您的回复和node_modules 的信息,我真的不知道这是什么意思。但是,他们仍然没有 Bootstrap 4.1.3 的样式,我知道,因为当我通过 CDN 放置 Bootstrap 时,样式可以正常工作,但这不是我需要的。我需要能够在我的项目中使用 Bootstrap 样式。
【解决方案2】:

如果你查看 Laravel welcome.blade.php 文件,你会看到一些 CSS 和一个导入 Google 字体的链接标签。不要将这与实际导入 Bootstrap 4 混淆。

以下是实现 Bootstrap 4 以及 Laravel 默认附带的所有其他很酷的东西的步骤。您似乎已经运行了npm run watch,所以我假设您已经运行了该命令。

简单步骤

将链接标签添加到您的头部元素:

<link rel="stylesheet" href="css/app.css">

在你的 body 元素底部添加以下内容:

<script src="js/app.js" charset="utf-8"></script>

那应该为你做。但请确保您已经使用npm run watch 命令编译了 SCSS 文件和 Javascript 文件,否则它将无法正常工作!

干杯!

【讨论】:

  • @exSnake,无论有无第一个正斜杠都对我有用。
猜你喜欢
  • 2018-06-11
  • 2013-06-27
  • 2019-02-11
  • 1970-01-01
  • 2016-01-09
  • 1970-01-01
  • 2019-08-22
  • 2018-06-22
  • 2018-04-12
相关资源
最近更新 更多