Laravel　階層が下がった時のCSSのパスの記載

Laravel 8
AdminLTEを使って管理画面の構築をしております。
以下のURL構成で作成したいと考えております。

admin/ …管理画面TOPページ
admin/product/add　…管理画面の商品登録ページ

▼admin/　の管理画面TOPページでは、スタイルが反映されているのですが、

▼admin/product/add　…管理画面の商品登録ページはスタイルが反映されません。。

下の階層でもpublic下のフォルダを参照する方法を教えていただけますと幸いです。

■フォルダ構成

public
　└css
　　└admin.css （自作CSS）
　└dist　（AdminLTEから落としてきたフォルダ）
　└plugins　（AdminLTEから落としてきたフォルダ）

resources
　└views
　　└admin
　　　└product
　　　　└add.blade.php　（商品登録ページ）
　　　└index.blade.php　（管理画面TOP）
　　└admin_app.blade.php　（テンプレートファイル）

■各ビュー
・admin_app.blade.php　※AdminLTEを読み込んでいる部分のみ抜粋

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>管理者用ページ</title>
        <!-- Tell the browser to be responsive to screen width -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Font Awesome -->
        <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
        <!-- Ionicons -->
        <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
        <!-- Tempusdominus Bbootstrap 4 -->
        <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
        <!-- iCheck -->
        <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
        <!-- JQVMap -->
        <link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css">
        <!-- Theme style -->
        <link rel="stylesheet" href="dist/css/adminlte.min.css">
        <!-- overlayScrollbars -->
        <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
        <!-- Daterange picker -->
        <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
        <!-- summernote -->
        <link rel="stylesheet" href="plugins/summernote/summernote-bs4.css">
        <!-- Google Font: Source Sans Pro -->
        <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
        <!--追記-->
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700|Noto+Sans+JP:400,700" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/admin.css">
        <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/r-2.2.2/datatables.min.css"/>
    </head>
<body class="hold-transition sidebar-mini layout-fixed accent-info">
<div class="wrapper">
    <!-- Content Wrapper. Contains page content -->
    <div id="app">
        <div class="content-wrapper">
            @yield('content')
        </div>
    </div>
    <!-- /.content-wrapper -->
    <footer class="main-footer text-sm">

  　</footer>
    </div>
<!-- ./wrapper -->

<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="plugins/chart.js/Chart.min.js"></script>
<!-- Sparkline -->
<script src="plugins/sparklines/sparkline.js"></script>
<!-- JQVMap -->
<script src="plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
<!-- jQuery Knob Chart -->
<script src="plugins/jquery-knob/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="plugins/moment/moment.min.js"></script>
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Summernote -->
<script src="plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.js"></script>

</body>
</html>

・index.blade.php　（管理画面TOP）

@extends('admin_app')

@section('content')
  <div class="container">
    aaa
  </div>
@endsection

・add.blade.php　（商品登録ページ）

@extends('admin_app')

@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
    省略
</div>
<!-- /.content-header -->

@endsection

★試したこと。
add.blade.php　（商品登録ページ）が、index.blade.phpよりも1階層下がっているので
admin_app2.blade.phpを作り、その中に記載されているAdminLTEのファイルを呼び出す部分は

../plugins/～
../dist/～

に変更し、add.blade.php　（商品登録ページ）ではadmin_app2.blade.phpを用いてみましたが、
変わらずCSSが反映されませんでした。。

yuki84web

2021/03/14 04:21

/ （ドメインルート以降）から始まるパスでは問題なのでしょうか？

退会済みユーザー

2021/03/14 04:36

htmlの超初歩を理解してない人がLaravel使うのは不可能。Laravelユーザーはこんな使い方はしない。常に/からのパスで書くってことはLaravelの前に身に着けておくこと。そこが分かってないとLaravelの<link rel="stylesheet" href="{{ asset('css/app.css') }}">の意味も分からない。