Django使用Bootstrap的經典方法


前面的話

  Bootstrap是簡單、靈活的用於搭建WEB頁面的HTML、CSS、Javascript的工具集。Bootstrap基於HTML5和CSS3,具有漂亮的設計、友好的學習曲線、卓越的兼容性,還有12列響應式柵格結構,豐富的組件等等。按照官網的宣傳來說,Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架,用於開發響應式布局、移動設備優先的 WEB 項目。

什么是Bootstrap?

  在傳統前端開發過程中,常常出現重復、復雜、無意義地命名,結構冗余、胡亂嵌套,頁面錯亂等問題

  2011年,twitter的“一小撮”工程師為了提高他們內部的分析和管理能力,用業余時間為他們的產品構建了一套易用、優雅、靈活、可擴展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所設計和建立,在github上開源之后,迅速成為該站上最多人watch&fork的項目。大量工程師踴躍為該項目貢獻代碼,社區驚人地活躍,代碼版本進化非常快速,官方文檔質量極其高(可以說是優雅),同時涌現了許多基於Bootstrap建設的網站:界面清新、簡潔,要素排版利落大方

  Bootstrap最新版本是Bootstrap4,穩定版本是Bootstrap3,兼容低版本IE的版本是Bootstrap2 

  Bootstrap基於HTML5和CSS3,其大量的JavaScript插件都依賴 jQuery,且jQuery的版本不能低於1.9.1版本

安裝方法:

pip install django-crispy-forms

示例代碼:

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

參考文檔

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM