django1.8引用bootstrap建立響應式登陸界面

最近在鼓搗django，學了幾天的html。在網上發現bootstrap這個好東西。恰好最近要搞個B/S模式的管理平臺。css尚未學，html還不熟，走了不少彎路，發現其實很簡單的說。因爲是django新手，參閱了網上不少資料才作好，鼓搗了兩天有餘啊。使人髮指啊，在此記錄一下。

系統環境：python 2.7 django1.8 bootstrap3 目的：構建響應式登陸界面。

直接上步驟了

project：django-admin.py startproject mysite

app:  django-admin.py startapp applogin

修改settings.py添加app. vim mysite/settings.py在INSTALLED_APPS添加app應用相似下面。

INSTALLED_APPS = (

.................

'applogin'，

)

修改訪問的url  vim mysite/urls.py

urlpatterns = patterns('',

url(r'^index/$', 'applogin.views.index'),

)

建立視圖vim applogin/views.py

from django.shortcuts import render_to_response

def index(request):

    return render_to_response("index.html",{})

到官網下載bootstrap包，到工程目錄下建立static目錄：而且解壓到此目錄。

mkdir -p mysite/static/bootstrap

建立模板目錄templates

mkdir mysite/applogin/templates 接下來咱們的html頁面都將存放在這個目錄下

我是在網上隨便找的模板，保存爲index.html放到templates目錄下。以前我盡然不知道要修改頁面中static的路徑。

編輯index.html頁面，將其中static目錄改成我本身配置的路徑 ：href="/static/bootstrap/css/bootstrap.min.css

而後編輯mysite/settings.py

STATICFILES_DIRS = (

'/home/mysite/static',

) 

啓動django開發服務器 python manager.py runserver 0.0.0.0:8000。出現登陸界面