时间戳

首页 > 解决方案 > CSS 没有加载到动态生成的 laravel 视图上

javascript - CSS 没有加载到动态生成的 laravel 视图上

问题描述

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

我在默认布局视图中嵌入了样式表和 JavaScript。我有一个显示所有产品的商店视图，当您单击其中一个产品时，它应该重定向到 /shop/{product-name} 这是它加载的页面 这是加载页面的方式

问题是 styleSheet 没有完全加载

我的店主：

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>

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

请问我做错了什么？

标签： javascriptphphtmlcsslaravel-5

解决方案

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

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

推荐阅读