php - bootstrap 样式在 Laravel 5.2 的某些 View 中不起作用

Question

我是 Laravel 5.2 的新手，我做了一个简单的个人博客，这里是 views 文件夹

在 home.blade.php 中，我扩展了“layouts.master”，它使用 bootstrap 并且效果很好。现在我做了一条新路线来显示特定的博客:

Route::group(['prefix'=>'post'], function(){
    Route::get('{id}', function(){
        return view('blog');
    });
});

当我去http://localhost:8000/post/1它工作得很好但是当我扩展 layouts.master bootstrap 并且我的自定义 css 不起作用时出现问题!它在 home.blade.php 中工作并且在 pages/about.blade.php 中工作正常但是当我尝试创建任何新的 View 路径并扩展 layouts.master 它扩展但 Bootstrap 和自定义 css 不起作用。

知道这是为什么吗？注意:我的 css 和 bootstrap 在 public 文件夹中。

Answer 1

@ThomasKim 完全正确。 Bootstrap 文件的路径是相对的。因此，当您在 localhost:8000 上时，它可以正确地遍历到 css/bootstrap.min.css。

然而，当您在 /post/1 上时，css 文件的 URL 请求将更改为:

localhost:8000/post/1/css/bootstrap.min.css

我们知道这是不正确的。要解决此问题，请在 / 之前使用绝对路径。

<link href="/css/bootstrap.min.css" rel="stylesheet"/>

这将确保它始终尝试遍历 public/css/bootstrap.min.css 中的文件。 public 在 URL 结构中被省略，但这是所有 HTTP 请求解析的地方。

更新

实际上最好使用 Laravel 的 asset 或 secure_asset 函数来解析这些 Assets :

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

asset 助手将直接从 /public 解析

请注意，asset 将使用页面请求的 schema 来解决依赖关系，而 secure_asset 将强制依赖于 https 无论请求的模式是什么。