laravelのページネーションについて

Laravelのバージョン
7.30.0
Bootstrapのバージョン
v4.6.0
※回答によりBootstrapを入れました。

ページネーションを実装し機能面は問題なく動いていますが、
見た目が想像と違います。
【現状】

【下記のようにしたい】

【コントローラー】

public function in2(Request $request)
    {
        $targets = DB::table('in')->Paginate(10);
        $targets2 = DB::table('out')->Paginate(10);
        

        return view('inout_list', ['targets' => $targets], ['targets2' => $targets2]);
    }

ブレイドの一番下にlinksを記入

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>社員管理システム</title>
</head>
<body>
<h1>出勤・退勤一覧</h1>
<button type="button" style="background-color:#66CCFF"><a href="/top">トップページ</a></button>
<form method="post" action="/personinout">
@csrf

<table border="2">
<tr>
<th>社員番号</th>
<th>氏名</th>
<th>出勤時間</th>
<th>退勤時間</th>
@foreach($targets as $target)
<tr>
<td>
<button type="submit" name="shainno" value="{{$target->shainno}}">{{$target->shainno}}</button>
</td>
</form>
<td>
{{$target->name}}
</td>
<td>
{{$target->updated_at}}
</td>
<td>
@foreach($targets2 as $target2)
@if($target->shainno == $target2->shainno && $target->day == $target2->day)
{{$target2->updated_at}}
@endif
@endforeach
</td>
</tr>
@endforeach
</table>

{{$targets->links()}}

以上、宜しくお願い致します。

【回答】

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<title>社員管理システム</title>
</head>

上記のようにCSSをリンクさせる。

m.ts10806

2021/02/24 06:58

それは調べても何も検討つかないのでしょうか。そもそも調べたのでしょうか。見た目だけの問題であれば多少Webやってきたなら検討くらいつくと思うのですけど、その状態でフレームワークはかなり厳しいと思います

Lulucom

2021/02/24 10:39 編集

以下の情報も質問へ追記をお願いします。・ペジネーション以外の見た目は問題ないか・Laravelのバージョン・Bootstrapのバージョン

m.ts10806

2021/02/25 00:39

回答がついた質問の改変は整合性を損ねるので慎重にしてください。回答によってBootstrapを試すことになったのでしたらその旨を記載しないと、「存在しない質問に対する回答」になってしまいます。回答者に失礼です。

ykkk

2021/02/25 00:57

失礼致しました。以後慎重に行います。

m.ts10806

2021/02/25 00:58

Bootstrapが正しくリンクされているか確認されましたか？あと、通常はccsのlinkはhead内に入れます。

行動規範の内容に同意します

回答3件

bootstrap(css)を入れてください

投稿2021/02/24 06:54

mikkame

総合スコア5036

ykkk

2021/02/24 09:44

bootstrapを入れ php artisan cache:clear php artisan config:clear php artisan route:clear php artisan view:clear を行ってからやりましたが変化なしです。 https://mebee.info/2020/05/01/post-10614/ 上記の適用確認もできております。

行動規範の内容に同意します