2014年1月7日 星期二

Bootstrap與Django的整合

Bootstrap has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.[1],由@mdo@fatTwitter工作时创建,Bootstrap使用 LESS CSS 并用 Node 编译,托管在 GitHub 上,方便大家使用这一框架构建更好的web应用。[2]

Bootstrap內建了許多的css格式, 方便讓和我一樣對美術不太在行的程式設計師只要透過固定的規則套用這些css,就可以做出一個漂亮的網頁,而內建的Grid layout更是解決了許多排版上的問題。
但在Django上,原有的form系統會自動的產生表單用的HTML,無法很好的與Bootstrap整合在一起,若要一個一個表單自行定義,則又太過於麻煩。幸好有人寫出了django-bootstrap3這個套件,透過簡單的設定即可將django的form改成Bootstrap的格式,拿來做網站後台的延伸應用相當的合適。

若是需要Bootstrap2套件,也可以參考同一個作者的django-bootstrap-toolkit

參看:
  1. Getting started · Bootstrap
  2. Bootstrap中文网


沒有留言:

張貼留言