【发布时间】:2017-11-12 08:17:33
【问题描述】:
我需要在 My Laravel 应用中使用 bootstrap 3。我已经下载了 bootstarp 并将其粘贴到 Laravel public-css 文件夹中。现在我需要将其与 My Laravel 应用程序集成。我怎样才能做到这一点?我不使用引导主题。只有css和js文件。我需要退出cdn。
【问题讨论】:
标签: javascript css laravel-5 twitter-bootstrap-3
我需要在 My Laravel 应用中使用 bootstrap 3。我已经下载了 bootstarp 并将其粘贴到 Laravel public-css 文件夹中。现在我需要将其与 My Laravel 应用程序集成。我怎样才能做到这一点?我不使用引导主题。只有css和js文件。我需要退出cdn。
【问题讨论】:
标签: javascript css laravel-5 twitter-bootstrap-3
经过 myapp/public/css/bootstrap.min.css 文件后
你必须导入 css boostrap 源代码,
<link rel="stylesheet" href="<?php echo asset ('css/bootstrap.min.css')?>" type="text/css">
【讨论】:
我找到了解决办法试试这个
download the bootstrap package and
copy bootstrap.min.css into your public/css folder
copy bootstrap.min.js into your public/js folder
Add the following to the head area of app.blade.php
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
在app.blade.php关闭前添加
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="{{ asset('js/bootstrap.min.js') }}"></script>
【讨论】:
Laravel 5.2 自带 bootstrap sass。你可以在资源目录下找到它:
https://github.com/laravel/laravel/blob/5.2/resources/assets/sass/app.scss
只需取消注释 @import 行并使用 gulp 或其他方式构建公共资源。要包含 javascript,只需将其包含在您的文档头中,就像您添加任何其他资源一样。
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>
【讨论】: