Django 1.3 的 Twitter 引导程序

Posted

技术标签:

【中文标题】Django 1.3 的 Twitter 引导程序【英文标题】:twitter bootstrap with Django 1.3 【发布时间】:2014-04-21 15:37:08 【问题描述】:

我正在使用 Pythoneverywhere.com 来部署我的 django 应用程序,这就是我使用 Django 1.3 版的原因。我正在尝试使用twitter bootstrap ..到目前为止没有运气。

我将 bootstrap.zip 解压缩到静态文件夹中,所以它就在那里。下面是我的模板头的样子:

% load static %
<head>
    <title></title>
    <link href="% get_static_prefix %css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="% get_static_prefix %js/bootstrap.min.js"></script>
</head>

不幸的是,这似乎不起作用。我应该怎么做?

【问题讨论】:

为什么不直接从 bootstrapdn.com 加载 Bootstrap 的 css 和 js?您仍然需要为您的应用正确配置提供其他静态文件,但从 CDN 提供静态媒体始终是一个好主意。 【参考方案1】:

按照this 指导,你需要配置你的静态文件。

在您的settings.py 中添加STATIC_URL = '/static/'

你的项目目录应该是

project/ --app/ --template --static/

你的模板应该是:-

% load staticfiles %
<head>
    <title></title>
    <link href="% static 'css/bootstrap.min.css' %" rel="stylesheet" media="screen">
<script src="% static 'js/bootstrap.min.js' %" ></script>
</head>

【讨论】:

谢谢@Anish。当我使用 Django 1.5 版在 localhost 上运行应用程序时,这就是我以前的做法,但不知何故它仍然无法正常工作.. :/

以上是关于Django 1.3 的 Twitter 引导程序的主要内容,如果未能解决你的问题,请参考以下文章

将 twitter 引导程序与 Django 表单一起使用

twitter引导程序的Javascript扩展

Twitter bootstrap typeahead custom keypress ENTER 功能

在 jsFiddle 中使用 twitter 的引导程序

如何检查 Twitter 引导程序是不是已加载?

Firefox 浏览器的 Twitter 引导程序中不显示下拉箭头