laravelのview(blade)でcssを読み込ませる

はじめに

laravelのviewにcssを読み込ませる方法をまとめた

ベースはこちらの記事。

laravelでDBの取得結果をviewに出す

 

bladeファイルの変更点

<!DOCUMENT html>

    <html lang="ja">
        <head>
            <meta charset="utf-8">
            <title>this is title</title>
            <link rel="stylesheet" href="/css/style.css">
        </head>

        <body>
            <div class='container'>
                <h1> this is it!</h1>
                <ul>
                    @forelse ($senddata as $data)
                    <li>{{ $data->title }}</li>
                    @empty
                    empty!
                    @endforelse
                </ul>

            </dev>
        </body>

    </html>

 

cssファイル

publicディレクトリがデフォルトで読み込まれる。

“` public/css/style.css “` ファイルを新規で作りそのcssファイルを読ませる形にした。

body{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
}

.container {
    width: 300px;
    margin: 30ps;
}

h1 {
    font-size: 20px;
}

ul > li{
    margin-bottom: 10px;
}

結果

無事cssが読み込まれたようだ

 

laravel の実践向け書籍