1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Laravel8】ページネーションのCSS(Bootstrαp)が反映されないとき

Posted at

エラー状況

Laravelでページネーション機能を導入したが
下記画像のように、上手くページ番号が表示されない。

スクリーンショット 2022-03-09 21.47.23.png

ページネーション導入はこちらの記事を参考しました!

何が原因だったか

CSSが反映されていないことが原因です。
では、CSSを見てみました。

スクリーンショット 2022-03-09 21.52.02.png

こんな感じになってました。
これはBootstrapを紐づけようとしてる動作です。

では、実際にパスがあるのか確認してみました。

スクリーンショット 2022-03-09 21.51.30.png

これはBootstrap.cssがないので、パスが存在してない ことになります。

結論

パスが通ってないので、どのCSSファイルにBootstrapが入っているか確認したら
上記画像のapp.cssに入ってました!

なので、このようなパスにしたら。。。
スクリーンショット 2022-03-09 21.55.09.png

見事、綺麗なCSSが通り、ページネーションを完了することができました!

スクリーンショット 2022-03-09 21.54.53.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?