teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

読み込んだCSSの箇所を追加しました

2021/02/11 07:33

投稿

nakatai
nakatai

スコア3

title CHANGED
File without changes
body CHANGED
@@ -90,4 +90,41 @@
90
90
  display: none !important;
91
91
  }
92
92
  }@charset "UTF-8";
93
+ ```
94
+
95
+ ```PHP
96
+
97
+ <!doctype html>
98
+ <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
99
+ <head>
100
+ <meta charset="utf-8">
101
+ <meta name="viewport" content="width=device-width, initial-scale=1">
102
+
103
+ <!-- CSRF Token -->
104
+ <meta name="csrf-token" content="{{ csrf_token() }}">
105
+
106
+ <title>@yield('title')</title>
107
+
108
+ <!-- Scripts -->
109
+ <script src="{{ asset('js/app.js') }}" defer></script>
110
+
111
+ <!-- Fonts -->
112
+ <link rel="dns-prefetch" href="//fonts.gstatic.com">
113
+ <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
114
+
115
+ <!-- Styles -->
116
+ <!--ここでCSSを読み込んでいる-->
117
+ <link href="{{ asset('css/app.css') }}" rel="stylesheet">
118
+ </head>
119
+ <body>
120
+ <div id="app">
121
+ <x-header></x-header>
122
+ <main>
123
+ @yield('content')
124
+ </main>
125
+ </div>
126
+ </body>
127
+ </html>
128
+
129
+ コード
93
130
  ```

1

パスを書いてわかりやすくしました

2021/02/11 07:33

投稿

nakatai
nakatai

スコア3

title CHANGED
File without changes
body CHANGED
@@ -46,6 +46,9 @@
46
46
  ```
47
47
 
48
48
  ```CSS
49
+
50
+ pubic/css/app.css
51
+
49
52
  コード
50
53
  /* スマホ */
51
54
  @media screen and (max-width: 767px) {
@@ -62,13 +65,18 @@
62
65
  }
63
66
  ```
64
67
  ```SCSS
68
+
69
+ resources/sass/app.scss
70
+
65
71
  コード
66
72
  // CSS
67
73
  @import '../css/dashboard.css';
68
74
  ```
69
75
 
70
76
  ```css
77
+
71
- //app.css
78
+ resources/css/dashboard.css
79
+
72
80
  コード
73
81
  @media screen and (max-width: 767px) {
74
82
  .pc-header {