使用bootstrap和django

Question

我正在尝试让我的django项目中的bootstrap工作,并遵循这里的教程, 但它不起作用.当我在浏览器中访问我的本地项目时,它只显示一个带有4个蓝色链接的空白页面.并不是我所期待的那样.在pycharm(我的ide)中,它告诉我在模板中对STATIC_URL有一个未解析的引用.我认为问题是只需在我的项目中放置bootstrap并在我的设置中定义它就足够了.有任何想法吗？

对不起,基本上这里是我的项目设置方式.Main_Project/app_1,app_2,media /,templates /,Main_Project/so我应该将boostrap放在第一个Main_Project下,还是第二个

这也是我的设置,以防万一.

STATIC_ROOT = os.path.join(SITE_ROOT, 'static_files')

# URL prefix for static files.
# Example: "http://media.lawrence.com/static/"
STATIC_URL = '/static/'

Answer 1

凯文在这里,来自Python Diary的那篇文章的作者.自从我发布该教程以来,我在Django项目中创建了其他启用Bootstrap的方法,包括一个方便的Project模板,可以从这里下载:

http://www.pythondiary.com/templates/bootstrap

我还在BitBucket上创建了一个项目,因为它有一个Django bootstrap主题应用程序,它非常易于使用,只需将其添加到"INSTALLED_APPS",然后扩展原始Bootstrap网站中的任何模板,例如starter.html等.从中选择.当然,您也可以旋转自己的引导主题.我尝试积极更新它,并正在寻找更多的建议,使其成为寻求在他们的项目中使用Bootstrap的开发人员的"Django goto应用程序",可以在这里找到BitBucket repo:

https://bitbucket.org/kveroneau/django-bootstrap-theme

希望这可以帮助其他任何可能偶然发现Stackoverflow页面的人.

Answer 2

1. 首先，settings.py 中的静态 url 应该如下所示：

   STATIC_URL = '/静态/'

2. 之后你应该在静态文件夹内创建3个文件夹：

   • 图像
   • CSS
   • js

3. 下载 Bootstrap 并将其正确放入上述文件夹中的每个文件中

4. 最后在模板中导入引导程序：

   <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/bootstrap.min.css"/>
   <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/bootstrap-responsive.min.css"/> 
   <script type="text/javascript" src="{{STATIC_URL}}js/bootstrap.min.js"></script>
   

5. 您应该将文件放在应用程序外部或应用程序内部，以便使用静态文件个性化每个应用程序，区别在于静态文件的 URL。

   5.1 应用程序之外

   STATIC_URL = '/静态/'

   5.2 每个应用程序内部：

   STATIC_URL = '/App1/static/'

   STATIC_URL = '/App2/static/'

6. 和 STATIC_ROOT 把

   静态根=''