Как использовать bootstrap при работе с Django?

Как использовать bootstrap при работе с Django? Есть html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Тестовый блог</title>
        <link href="{{STATIC_URL}}bootstrap/css/bootstrap.css" type="text/css" rel="stylesheet">
        <style>
            body {
                padding-top: 60px;
            }
        </style>
        <link href="{{STATIC_URL}}bootstrap/css/bootstrap-responsive.css" type="text/css" rel="stylesheet">
        <script src="{{STATIC_URL}}bootstrap/js/bootstrap.js" type="text/javascript"></script>
        {% block extrahead %}
        {% endblock %}
        <script type="text/javascript">
        $(function(){
        {% block jquery %}
        {% endblock %}
        });
        </script>
    </head>
<body>

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <div class="brand">Тестовый блог</div>
            <ul class="nav">
                <li><a href="{% url 'list' %}" class="">Список постов</a></li>
            </ul>
        </div>
    </div>

</div>

<div class="container">
     {% block content %}Empty page{% endblock %}
</div> <!-- container -->

</body>
</html>

Также в settings.py я прописал:
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

Проблема в том, что стили и js не работают, страница голая:(
html-страница находится в C:\Users\ТВ\Documents\djcode\test_blog\blog\templates\blog, twitter bootstrap лежит в C:\Users\ТВ\Documents\djcode\test_blog\static
  • Вопрос задан
  • 26993 просмотра
Решения вопроса 1
sim3x
@sim3x
Шаблон с выводом вот такого
{{ STATIC_URL }}
буде пустым.
Это "старый" стиль. Для того чтобы его использовать нужно сделать middleware, которая будет дописывать STATIC_URL в контекст

Надо делать так
0. <!DOCTYPE HTML>
1. <meta charset="utf-8">
2.
<link href="{% static "bootstrap/css/bootstrap-responsive.css" %}" rel="stylesheet">
<script src="{% static "bootstrap/js/bootstrap.js" %}"></script>


чтобы работал тег static в начале каждого темплейта нужно добавить
{% load staticfiles %}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Lorloz
вот хорошая батарейка
https://github.com/dyve/django-bootstrap3
использую во всех проектах, сильно упрощает разработку :)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы