Bootstrap模板无法正常工作Django

时间:2015-03-31 02:54:20

标签: python html django twitter-bootstrap web

我有一个我试图与Django一起使用的Bootstrap模板,我已经将bootstrap资源放在模板目录中,并且我正在尝试显示的html文件。我的问题是,当试图显示html文件时,它只在浏览器窗口中显示为文本,因此这会让我相信Bootstrap资源没有被正确使用。

以下是我尝试使用的模板:http://startbootstrap.com/template-overviews/stylish-portfolio/

以下是我的模板目录:

css
font-awesome
fonts
img
js
index.html

我知道它使用CDN链接,但是当我下载zip时,资源与模板一起使用,所以我离开了那里。我是Bootstrap的新手,也是Django的新手,所以请放轻松我,如果我的术语有问题,请纠正我。感谢。

2 个答案:

答案 0 :(得分:4)

您应将其放在static文件夹中并配置您的设置。否则,如果您仍想将其放入template,那么请更改您的设置但不常见。模板文件夹应该只包含html文件。

这是静态文件的示例设置。

STATIC_URL = '/static/'

# Additional locations of static files
STATICFILES_DIRS = (
    # Put strings here, like "/home/html/static" or "C:/www/django/static".
    # Always use forward slashes, even on Windows.
    # Don't forget to use absolute paths, not relative paths.
    os.path.join(BASE_DIR, 'static'),
)

STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
    # django.contrib.staticfiles.finders.DefaultStorageFinder',
)

并在您的模板(html文件)中,将其命名为:

{% load staticfiles %}
<link rel="stylesheet" type="text/css" href="{% static "css/bootstrap.min.css" %}" />

答案 1 :(得分:2)

您需要声明一个放置CSS和JS文件的静态文件夹。

有关如何设置静态文件夹的信息,请参阅https://docs.djangoproject.com/en/1.7/howto/static-files/

示例实现https://github.com/Dsupreme/fests-django(关注css文件的放置位置及其调用方式)