質問: 現在、Spring Bootで練習用のウェブアプリを作っています。 基本的な機能部分ができたのでBootstrapでデザインを整えました。最初はBootstrapが上手く読み込めてちゃんとキレイなデザインになっていたのですが、ある日突然デザインが反映されなくなってしまいました。 おかしいと思って、Spring Bootでローカルホストを立ち上げてページを表示した時にページを右クリックしてソースコードを表示させてみたのですが、どのCSSフォルダを読み込むかを指定するth:href="@{/css/bootstrap.min.css}"の記述が抜けている事に気づきました。 下記の添付画像のコードの14行目です。本来ならこのhref="/docs/4.4/dist/css/bootstrap.min.css"とrel="stylesheet"の間にth:href="@{/css/bootstrap.min.css}"の記述が入っているはずなのに、なぜかこの部分だけが読み込まれずに消えています。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/00c9abc3049d2a5049b1db7c19840c62.png) Spring Tool Suite上では、下記の添付画像の通りちゃんと記述が入っています。(同じく14行目) ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/c5a072b7ecabf933ab1b7089a05b78b8.png) この「IDE上では表記されているものが、ローカルホストを立ち上げてページを表示させると読み込まれずに消える」という現象はなぜ起こるのでしょうか? OSはWindows 10を使っています。
回答: th:hrefはThymeleafの記述方法なので、「Spring Bootでローカルホストを立ち上げてページを表示した時」に消えていて問題ありません。 その代わり、hrefの内容がth:hrefで指定したパスに置き換わります。 なので、単純に置き換わったhrefのパス[/css/bootstrap.min.css]にファイルが存在しないのではないのでしょうか? まずその辺のThymeleafの使い方と動きを確認してみたほうが早いかと。 ↓のサイトの「4つの記法」の最初のリンク式が今回の質問の回答になるかと思います。