add one more screenshot for db

we can see our post in db too.
Added Bower config

利用 bower 來安裝放置 bootstrap3 以及 html5-boilerplate
bower install bootstrap html5-boilerplate --save
其中 bower.json 可用來安裝已經安裝過的東西,
類似 requirements.txt
use Bootstrap and HTML5 Boilerplate for templates

利用 bower_components/html5-boilerplate/index.html
當基礎來建立 base.html 作為以後每個頁面的基礎網頁

其中要把裡面原本的檔案路徑改用 static 來指定
所以最開始有 {% load staticfiles %}

runserver  起來後看首頁時可以看到 terminal 訊息有成功抓到:
"GET /static/bower_components/bootstrap/dist/css/bootstrap.min.css
HTTP/1.1" 200 109518
"GET
/static/bower_components/bootstrap/dist/css/bootstrap-theme.min.css
HTTP/1.1" 200 18860
"GET /static/bower_components/html5-boilerplate/css/normalize.css
HTTP/1.1" 200 9559
"GET
/static/bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min
.js HTTP/1.1" 200 15414
"GET /static/bower_components/html5-boilerplate/css/main.css HTTP/1.1"
200 5771
"GET /static/bower_components/bootstrap/dist/js/bootstrap.min.js
HTTP/1.1" 200 31819
"GET /static/bower_components/html5-boilerplate/js/plugins.js HTTP/1.1"
200 733

可以看到 status 是 200
如果 reload 頁面，status 會變成 304
代表之前已經被瀏覽器 cache 了
Amended templates

用 bootstrap3 元件稍微美化一下頁面
不過因為用起來有點怪
[TODO]我多加了 navbar.css 讓內容不會跟上面的 fixed bar 互相遮到，還有 foot 要 fixed 在
bottom，應該有更標準的作法