djingo中使用bootstrap

利用Python開發web時,使用djingo框架和bootstrap前端框架。

在djingo項目根目錄下新建static目錄,靜態文件放在此目錄下。

wKioL1jIlkeDRo7_AACa_epwrzw508.png-wh_50

在settings.py文件中配置

STATIC_URL = '/static/'

TEMPLATE_DIRS = (os.path.join(BASE_DIR,  'templates'),)
STATIC_ROOT = os.path.join(BASE_DIR, 'collectstatic')#此處必須,爲新添加
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),#此處必須,爲新添加
)

在html文件中引入bootstrap文件

<link rel="stylesheet" type="text/css" href="static/css/background.css" />
<link rel="stylesheet" type="text/css" href="static/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
<script src="static/js/jquery-2.1.1.min.js"></script>
<script  src="static/bootstrap-3.3.5-dist/js/bootstrap.min.js">

效果圖:

wKiom1jImB_zoJWaAAAlCqFypOg551.png-wh_50

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章