見出し画像

36歳がDjangoを勉強してみた(Bootstrapで見栄えを良くしてみた)

今回もpaizaで勉強したWebアプリケーションフレームワークのDjangoについて書きます。

paizaの有料コースになりますので、無料で公開するとその他のお金を払っている方に申し訳ないため、この記事も有料で配信しています。

今日学んだことです。

【学んだこと】

●Bootstrapで見栄えを良くしてみた

今回は、Bootstrapを使ってWebサイトの見栄えを良くしてみました。
具体的には今までの文字をテーブル表示にするのと、詳細や削除リンクなどをボタンにしてみます。

最終的には以下のように画面になります。

●変更前

画像1

●変更後

画像2

何もデザインしなくてもなんかかっこいいサイトになりましたね!
それではどのように作成するかコードを書いていきます。

設定内容は今までの差分から作っていますので、最初から見たい方は以下の記事を参照してください。

以下のファイルを変更します。
・index.html
・detail.html

ここから先は

1,487字 / 1画像

¥ 100

期間限定 PayPay支払いすると抽選でお得に!

この記事が気に入ったらサポートをしてみませんか?