コード判定結果
動画プレイヤーの機能を制限して表示しています
一部機能が正常に読み込まれませんでした。
コンテンツブロックなどが動作していないかご確認ください。
コンテンツブロックなどが動作していないかご確認ください。
このチャプターでの演習課題が終了していません
次のチャプターへ進みますか
ジャッジに時間がかかっています
しばらくしてから再度アクセスしてください。
演習課題を利用するにはpaiza会員登録のうえ、
有料会員登録が必要です
有料会員登録が必要です
Webアプリ開発入門 PHP+MySQL編1: 掲示板を作ろう
#10:Bootstrapで見た目を整えよう
この動画を見るにはpaiza会員登録のうえ
有料会員登録が必要です
実技課題 「投稿フォームにBootstrapを適用」
右のbbs.phpは、投稿フォームにBootstrapを適用している途中の状態です。
フォームの「投稿者」のところに、次のようにBootstrapのクラスを適用してください。
・2つ目の「div」タグの「class」属性を「form-group」にする
・「label」タグの「class」属性を「control-label」にする
・「input」タグの「class」属性を「form-control」にする
採点して、すべてのジャッジに正解すれば、演習課題クリアです!
実技課題 「発言リストにBootstrapを適用」
右のbbs.phpは、発言リストにBootstrapを適用している途中の状態です。
この発言リストに、次のようにBootstrapのクラスを適用してください。
・「table」タグの「class」属性を「table table-striped」にする
・「button」タグの「class」属性を「btn btn-danger」にする
採点して、すべてのジャッジに正解すれば、演習課題クリアです!
ここでは、掲示板の見た目を整えます。そのために、HTMLフレームワークのBootstrapを使って、投稿フォームとテーブルのデザインを変更してみましょう。
このチャプターで作成した、bbs.phpのコードです。
https://paiza-webapp.s3.amazonaws.com/files/learning/webapp_php_sql/bbs_chap10.php
Bootstrap · 世界で最も利用されているHTML、CSS、JSのライブラリです。
https://getbootstrap.jp/