Bootstrapの利用このパートでは3-1パートで導入したlaravel/uiに含まれるBootstrapを利用していきます。本パートではCSSフレームワークであるBootstrapを利用して手軽に綺麗なボタンを作成することでBootstrapの使い方を学んでいきます。目標物を作成するまでの流れapp.blade.phpにBootstrapが適用されていることを確認Bootstrapの使い方を学ぶでは実際に進めていきましょう。詳細は次章で学びますが、bladeテンプレートはレイアウトの継承(使い回し)ができます。本教材ではresources/views/layout/app.blade.phpをテンプレートのベースファイルとして扱います。以下のファイルを開いてください。app.blade.php実は3-2で実行したコマンドによって生成されたファイル以下の2つです。public/css/app.csspublic/js/app.js実はこれらのファイルの正体はBootstrapです。そのため、app.blade.phpの中で既に読み込まれているため、Bootstrapの導入は完了しています。resources/views/layouts/app.blade.phpの中身を確認すると、導入済みになっているはずです。Bootstrapの使い方を学ぶでは実際にBootstrapを使いながら学んでいきましょう。resources/views/home.blade.phpに以下のコードを追加してください。home.blade.phpすると素のボタンタグが出てきましたね。このボタンにBootstrapを使ってかっこよくスタイリングしていきましょう。resources/views/home.blade.phpにのコードを編集してください。home.blade.phpボタンタグにクラスを付けただけでCSSが当たった綺麗なボタンになりましたね。Bootstrapはhtmlタグにクラスを付けることによって簡単にスタイルを整えられるCSSフレームワークです。app.cssの中身を見てみると以下のような記述がされています。このCSS(Bootstrap)が読み込まれているので、クラスを付けるだけでスタイルが適用されるという仕組みです。先ほど作ったボタンはBootstrapの適用テストなので、以下のように削除しておいてください。resources/views/home.blade.phpにのコードを編集してください。home.blade.php最後にBootstrapは様々なWebアプリケーションで広く使われるCSSフレームワークのスタンダードです。Bootstrapの経験は様々なプロジェクトで役に立つので、補足の公式ドキュメントなどで理解を深めてください。"この評価の理由をお聞かせください。text:'12月28日~1月5日の期間は年末年始のため質問の回答が遅れる場合がございます。$('.announce').after(announce_text);。