Q&A問題
Laracastのepisode11をやっているのですが、http://127.0.0.1:8000/posts/createのページだけcssが反映されません（以下画像）
http://127.0.0.1:8000/だとcssが反映されています。
コード
routes/web.php
php
1<?php 2Route::get('/', 'PostsController@index'); 3Route::get('/posts/create', 'PostsController@create');
app/Http/Controllers/PostController.php
php
1<?php 2 3namespace App\Http\Controllers; 4 5use Illuminate\Http\Request; 6 7class PostsController extends Controller 8{ 9 public function index() 10 { 11 return view('posts.index'); 12 } 13 14 public function create() 15 { 16 return view('posts.create'); 17 } 18}
resources/views/layouts/master.blade.php
php
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="description" content=""> 8 <meta name="author" content=""> 9 <link rel="icon" href="../../favicon.ico"> 10 <title>Blog Template for Bootstrap</title> 11 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> 12 <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> 13 <link href="css/blog.css" rel="stylesheet"> 14 <script src="../../assets/js/ie-emulation-modes-warning.js"></script> 15</head> 16<body> 17 @include ('layouts.nav') 18 <div class="container"> 19 <div class="blog-header"> 20 <h1 class="blog-title">The Bootstrap Blog</h1> 21 <p class="lead blog-description">The official example template of creating a blog with Bootstrap.</p> 22 </div> 23 <div class="row"> 24 @yield ('content') 25 @include ('layouts.sidebar') 26 </div><!-- /.row --> 27 </div><!-- /.container --> 28 @include ('layouts.footer') 29</body> 30</html>
resources/views/posts/index.blade.php
php
1@extends ('layouts.master') 2 3@section ('content') 4<div class="col-sm-8 blog-main"> 5 6 <div class="blog-post"> 7 <h2 class="blog-post-title">Sample blog post</h2> 8 <p class="blog-post-meta">January 1, 2014 by <a href="#">Mark</a></p> 9 10 <p>This blog post shows a few different types of content that's supported and styled with Bootstrap. Basic typography, images, and code are all supported.</p> 11 <hr> 12 <p>Cum sociis natoque penatibus et magnis <a href="#">dis parturient montes</a>, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.</p> 13 <blockquote> 14 <p>Curabitur blandit tempus porttitor. <strong>Nullam quis risus eget urna mollis</strong> ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> 15 </blockquote> 16 <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p> 17 〜 省略 〜 18</div><!-- /.blog-main --> 19@endsection 20
resources/views/posts/create.blade.php
php
1@extends ('layouts.master') 2 3@section ('content') 4<h1>Create a Post</h1> 5@endsection
キャッシュもクリアし、再起動してみたのですが変わりませんでした。
cssの場所もpublicフォルダ下にあります。
回答1件
0
ベストアンサー
cssのリンクのところをcssの前に/をいれてなかったのが原因でした。
以下のようにすれば反映されました。
投稿2018/08/15 08:29
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。