Pythonフレームワークbottleにbootstrapを導入してみた。

やったこと

前回(bottleでPandasのDataFrameをCSV形式でダウンロードする。)からの続き。

1.Pythonのフレームワーク「bottle」にbootstrap4.1を導入した。

bootstrapの公式サイトコチラのページにあるコードをテンプレートのHTMLファイルに追記した。

bootstrapを導入した後、ボタンの色を変え、「必須」を赤色で表示させた。

2.地味にフォームの入力項目を必須にした。
(参考ページ)
HTML5タグリファレンス

作成コード

実行結果

つまづいたところ

特になし。

やってみた感想

CSSを自分で書かずに簡単にデザインを変更できるのには感動した。どんどんコーディングがやりやすくなっているんだろうなぁ。
ただ、少し勉強しないといけないところがある。

参考記事

Bootstrap4の使い方特設サイトを公開しました
エンジニアはもう一度CSSとちゃんと向き合ってみよう – 詳細度編

コメント

タイトルとURLをコピーしました