Kalo pada post sebelum nya (http://www.zeaja.com/django-admin-bootstrap), saya ngasih tips integrasi halaman admin Django dengan Bootstrap, sekarang saya mau share cara menggunakan bootstrap pada halaman front-end Django. Langsung aja :

Pertama,download bootstrap di getbootstrap.com. Lalu copy isi files dist dan tempatkan seperti di bawah ini :

• /project_root/template/bootstrap
• /project_root/template/contoh.html

Kedua, edit settings.py dan set value dari STATIC_URL dan STATICFILES_DIRS seperti di bawah ini :

STATIC_URL = '/static/'

TEMPLATE_DIRS = ('/home/user/project_root/template',)

Ketiga, edit file views.py dan ketik kode berikut :

#Meng-import RequestContext
from django.template import RequestContext

#Mem-bypass context_instance=RequestContext(request)
return render_to_response('example.html',{},context_instance=RequestContext(request))

Keempat, gunakan tag {{ STATIC_URL }} pada template/HTML. Contoh, untuk memanggil file bootstrap.min.css, gunakan tag seperti ini :

<link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet" media="screen">

Selesai.