# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.9/howto/static-files/
SITE_ROOT = os.path.join(os.path.abspath(os.path.dirname(__file__)), '..')
STATIC_ROOT = os.path.join(SITE_ROOT, 'static')
STATIC_URL = '/static/'
STATICFILES_DIRS = (
("css", os.path.join(STATIC_ROOT, 'css')),
("js", os.path.join(STATIC_ROOT, 'js')),
("images", os.path.join(STATIC_ROOT, 'images')),
("bower_components", os.path.join(STATIC_ROOT, 'bower_components')),
)

2.urls.py 關(guān)于路由的配置

urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^$', views.index),
url(r'^home/', views.home),
]

3.views.py 視圖設(shè)計(jì)，簡單得不能再簡單的那種。

def home(request):
return render_to_response('home/login.html')

4.模板調(diào)用 home/login.html 頁面對于靜態(tài)文件css, js,以及圖片等調(diào)用。

<!-- Bootstrap Core CSS -->
<link href="/static/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="/static/css/sb-admin-2.css" rel="stylesheet">
<img src="/static/images/xjlxprocess.png" />

5.最后，我的目錄結(jié)構(gòu)，就如網(wǎng)上其它文章所描述的那樣。

website
---------static 
---------|-----css 
---------|-----js 
---------|-----images 
---------|-----bower_components 
---------templates 
---------|-----home
---------|-----------login.html
---------|-----admin
---------website

6.站點(diǎn)打開如下：

以上內(nèi)容是小編給大家介紹的BootStrap扔進(jìn)Django里的方法詳解，希望對大家有所幫助，如果大家想了解更多資訊敬請關(guān)注腳本之家網(wǎng)站!

您可能感興趣的文章:

相關(guān)文章

基于JavaScript實(shí)現(xiàn)選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)選項(xiàng)卡效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
爬蟲進(jìn)階-JS自動渲染之Scrapy_splash組件的使用
Splash是一個(gè)Javascript渲染服務(wù)。它是一個(gè)實(shí)現(xiàn)了HTTP API的輕量級瀏覽器，Splash是用Python和Lua語言實(shí)現(xiàn)的，基于Twisted和QT等模塊構(gòu)建，今天重點(diǎn)給大家介紹js Scrapy_splash組件使用教程，一起看看吧
2021-09-09
在百度知道團(tuán)隊(duì)中快速審批新成員的js腳本
每天都有大量網(wǎng)友申請加入我的團(tuán)隊(duì)，于是審核團(tuán)隊(duì)新成員成了一個(gè)費(fèi)力氣的活兒，在此情況下，我寫了個(gè)腳本，自動計(jì)算他們的回答采納率，采納率低于20%的自動打勾選中，等級太低的人也自動打勾選中
2014-02-02
JavaScript 函數(shù)惰性載入的實(shí)現(xiàn)及其優(yōu)點(diǎn)介紹
惰性載入表示函數(shù)執(zhí)行的分支只會在函數(shù)第一次掉用的時(shí)候執(zhí)行，在第一次調(diào)用過程中，該函數(shù)會被覆蓋為另一個(gè)按照合適方式執(zhí)行的函數(shù)，這樣任何對原函數(shù)的調(diào)用就不用再經(jīng)過執(zhí)行的分支了
2013-08-08
Servlet返回的數(shù)據(jù)js解析2種方法
這篇文章主要介紹了Servlet返回的數(shù)據(jù)js解析2種方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-12-12
ES6之Proxy的get方法詳解
這篇文章主要介紹了ES6之Proxy的get方法詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-10-10
JavaScript單元測試ABC
在服務(wù)器端的單元測試中，都有各種各樣的測試框架，在JavaScript中現(xiàn)在也有一些很優(yōu)秀的框架，但在本文中，我們將自己動手一步步來實(shí)現(xiàn)一個(gè)簡單的單元測試框架
2012-04-04
原生js實(shí)現(xiàn)給指定元素的后面追加內(nèi)容
給指定元素的后面追加一些自己想要實(shí)現(xiàn)的效果或者是一些屬性之類的，有木有遇到過，接下來為大家詳細(xì)介紹下追加的實(shí)現(xiàn)代碼，感興趣的朋友可以參考下哈
2013-04-04
JS實(shí)現(xiàn)的隨機(jī)排序功能算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)的隨機(jī)排序功能算法,結(jié)合具體實(shí)例形式分析了javascript常用的排序算法實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-06-06
LayUi使用switch開關(guān),動態(tài)的去控制它是否被啟用的方法
今天小編就為大家分享一篇LayUi使用switch開關(guān),動態(tài)的去控制它是否被啟用的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09