CSS未加载到动态生成的laravel视图上[关闭]

Question

我不知道这个问题是否已经回答，因为我无法一起找到正确的搜索关键字。

我的样式表和 JavaScript 嵌入在我的默认布局视图中。我有一个显示所有产品的商店视图，当您单击其中一个产品时，它应该重定向到 /shop/{product-name} this is the page it loaded This is how it out to load the page

问题是样式表没有完全加载

我的店铺管理员：

public function show($productName)
    {
        $product = Product::where('name', $productName)->firstOrFail();
        return view('product')->with('product',$product);
    }

the linked assets:


    <!-- Bootstrap -->
    <link type="text/css" rel="stylesheet" href="{{ URL::asset('}css/bootstrap.min.css') }}" />

    <!-- Slick -->
    <link type="text/css" rel="stylesheet" href="{{ URL::asset('css/slick.css') }}" />
    <link type="text/css" rel="stylesheet" href="{{ URL::asset('css/slick-theme.css') }}" />

    <!-- nouislider -->
    <link type="text/css" rel="stylesheet" href="{{ URL::asset('css/nouislider.min.css') }}" />

    <!-- Font Awesome Icon -->
    <link rel="stylesheet" href="{{ URL::asset('css/font-awesome.min.css') }}">

    <!-- Custom stlylesheet -->
    <link type="text/css" rel="stylesheet" href="{{ URL::asset('css/style.css') }}" />



<!-- Scripts -->
<script type="text/javascript" src="{{ URL::asset('js/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/bootstrap.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/slick.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/nouislider.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/jquery.zoom.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/main.js') }}"></script>

我的样式表似乎没有正确加载。我希望我可以附上一些图片。

请问我做错了什么？

Answer 1

您的引导样式表有错字。从一开始就删除}。

<!-- Bootstrap -->
<link type="text/css" rel="stylesheet" href="{{ URL::asset('css/bootstrap.min.css') }}" />