Springboot解体新書でSpringの勉強をしています。
現在、Login/ユーザ新規登録画面を作成したのですが、
画面表示が書籍イメージ通りとなっていません。
CSSが読み込めていないと思われるのですが、調べても読み込み方法がわからないのでご存知の方にご教授願いたく思います。
★内容
以下のログイン画面を作成
login.html
html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- Bootstrapの設定 --> <link th:href="@{/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}" rel="stylesheet"></link> <script th:src="@{/webjars/jquery/1.11.1/jquery.min.js}"></script> <script th:src="@{/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js}"></script> <title>Login</title> </head> <body class="text-center"> <h1>Login</h1> <form method="post" action="/login"> <!-- ユーザID --> <label>ユーザID</label> <input type="text" /><br/> <br/> <!-- ユーザID --> <label>パスワード</label> <input type="password" /><br/> <br/> <!-- ログインボタン --> <button class="btn btn-primary" type="submit">ログイン</button> </form> <br /> <!-- ユーザ登録画面へのリンク --> <a th:href="@{'/signup'}">ユーザ新規登録はこちら</a> </body> </html>
表示させると、以下の通り
書籍のイメージではユーザID/パスワードが枠で囲まれ、ログインボタンが青く表示されるのですが
実際にはデフォルトの表示形式になっています。
Chromeのディベロッパーツールで調べたところ、以下のエラーが出ています。
GET http://localhost:8080/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css net::ERR_ABORTED 404
login:8 GET http://localhost:8080/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js net::ERR_ABORTED 404
Ecripseでbootstrap-3.3.7-1.jar配下のwebjars/bootstrap/3.3.7-1/css/bootstrap.min.cssを観たところ、何も書いていない状態でした。
ここで対処方法がわからなくなっております。
まだ回答がついていません
会員登録して回答してみよう