Django Bootstrapを使用する古典的な方法

前の話

Bootstrapは、WEBページのHTML、CSS、Javascriptを構築するための簡単で柔軟なツールセットです.BootstrapはHTML 5とCSS 3に基づいており、きれいなデザイン、フレンドリーな学習曲線、優れた互換性、12列の応答式グリッド構造、豊富なコンポーネントなどを備えています.公式サイトの宣伝によると、Bootstrapは最も人気のあるHTML、CSS、JSフレームワークであり、応答型レイアウト、モバイル機器優先のWEBプロジェクトの開発に用いられる.

Bootstrapとは?

従来のフロントエンド開発では、重複、複雑、無意識の命名、構造冗長、乱入、ページの乱れなどの問題がしばしば発生しています.
2011年、twitterの「一握り」エンジニアは、内部の分析と管理能力を高めるために、余暇を使って製品のために使いやすく、優雅で、柔軟で、拡張性のあるフロントエンドツールセット--BootStrapを構築しました.BootstrapはMARK OTTOとJacob Thorntonによって設計され、構築され、github上でオープンソースした後、急速に同駅で最も多くのwatch&forkのプロジェクトとなった.多くのエンジニアがこのプロジェクトに貢献するコードは、コミュニティが驚くほど活発で、コードバージョンの進化が非常に速く、公式ドキュメントの品質が極めて高い(優雅と言える)と同時に、Bootstrapに基づいて建設された多くのウェブサイトが現れた:インタフェースが清新で、簡潔で、要素のレイアウトがすっきりしている
Bootstrapの最新バージョンはBootstrap 4、安定バージョンはBootstrap 3、低バージョンIE対応バージョンはBootstrap 2
BootstrapはHTML 5とCSS 3に基づいており、JavaScriptプラグインの多くはjQueryに依存しており、jQueryのバージョンは1.9.1を下回ってはならない.

インストール方法:

pip install django-crispy-forms

サンプルコード:

参考gihtub:https://github.com/sibtc/bootstrap-forms-example

リファレンスドキュメント

https://simpleisbetterthancomplex.com/tutorial/2018/08/13/how-to-use-bootstrap-4-forms-with-django.html