Question

我正在使用laravel，并且在使用本地文件时我的引导程序未加载，仅当我使用CDN link时。图标没有显示，js效果不起作用。

工作：

<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
   <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js">    </script>
</head>

不工作：

<head>
    <meta charset="UTF-8">
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <link href="{{ URL::to('/bootstrap/css/bootstrap.min.css') }}" media="screen" rel="stylesheet">
    <link href="{{ URL::to('/bootstrap/js/bootstrap.min.js') }}" media="screen" rel="stylesheet">
</head>

Answer 1

您可以使用在线图书馆

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

或者下载库并在css文件夹中添加css并在js folder.both文件夹中添加jquery你保存在laravel公共文件夹中然后你可以像下面这样链接

<link rel="stylesheet" href="{{asset('css/bootstrap-theme.min.css')}}">
<script src="{{asset('js/jquery.min.js')}}"></script>

或者

{{ HTML::style('css/style.css') }}
{{ HTML::script('js/functions.js') }}

将网址更改为资产

<link href="{{ URL::to('/bootstrap/css/bootstrap.min.css') }}" media="screen" rel="stylesheet">
    <link href="{{ URL::to('/bootstrap/js/bootstrap.min.js') }}" media="screen" rel="stylesheet">

到

更新

使用HTML，您需要在app.php中添加提供程序

Illuminate\Html\HtmlServiceProvider::class,

和别名

'HTML'      => Illuminate\Html\HtmlFacade::class,

Answer 2

这非常愚蠢。当我使用laravel和URL::to链接我的文件时我刚刚复制了代码并更改了文件的名称但是我遇到了这个问题，我正在使用<link />而不是<script ></script加载脚本。

<link href="{{ URL::to('/bootstrap/js/bootstrap.js') }}" rel="stylesheet">

应该是：

<script type="text/javascript" src="{{ URL::to('/bootstrap/js/bootstrap.js') }}"></script>

我知道，这很傻。

Bootstrap没有加载本地文件

2 个答案: