在本地将Bootstrap Bootstrap v4.0.0-alpha.4添加到Laravel 5.3项目中

时间:2016-10-15 12:01:57

标签: twitter-bootstrap laravel-5.2 phpstorm

我是Laravel和Bootstrap的新手。我知道我可以像这样轻松添加Bootstrap CDN链接:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"...>

但我想知道如何在下载 Bootstrap v4.0.0-alpha.4 .zip文件后添加Bootstrap“本地”我从Bootstrap website

下载

我解压缩了压缩文件,我收到了这些文件。

[parent directory]
dist/
docs/
grunt/
js/
nuget/
scss/
_config.yml
.editorconfig
.gitattributes
.gitignore
.hound.yml
.travis.yml
bower.json
CHANGELOG.md
CNAME
composer.json
CONTRIBUTING.md
Gemfile
Gemfile.lock
Gruntfile.js
ISSUE_TEMPLATE.md
LICENSE
package.js
package.json
README.md
sache.json

我想知道如何将它添加到PHPStorm上的Laravel项目中。我正在使用Laravel 5.3

目前,public文件夹中的文件如下图所示。

enter image description here

我应该在哪里粘贴zip文件的内容? (对于font-awesome我使用cssjs文件夹存储font-awesome的内容)

谢谢。

1 个答案:

答案 0 :(得分:1)

只需将文件放在public中,然后在刀片视图中使用它:

<link href="{{ asset('path/from/public/to/file.css') }}">

在您的情况下,如果您从引导程序打开dist目录,则可以找到jscss,复制目标文件夹中的每个文件,例如public/css/bootstrap.css然后使用以下命令在刀片中调用它:

<link href="{{ asset('css/bootstrap.css') }}">

请注意,我没有在网址

中设置public