Почему не работает код bootstrap 3.2.0, согласно примеру из книги?

Question

[blazer05]

Я изучаю книгу "How To Tango With Django" ( русский перевод, оригинал ). Дошел до 13 главы и застрял.
Установил и настроил бутстрап он работает, но делая по книге пример я не могу добиться такого же дизайна. Прошу, помогите, протестируйте пожалуйста этот код и скажите, работает ли он у вас?
В общем у меня не отображает этот серый фон и не выводит слева маленький блок, код скопировал из книги полностью.
Картинка как у меня выводит дизайн. Страница "about"

А должно быть типа так!

Остальные страницы с той же проблемой, но в книге пишут, что у меня уже должен быть такой же вид. Что я сделал неправильно?
Код:

{% extends 'base.html' %}

{% load staticfiles %}

{% block title %}About{% endblock %}

{% block body_block %}
    <div class="page-header">
                <h1>About</h1>
            </div>
            <div>
            <p></strong>.</p>

            <img  width="90" height="100" src="{% static "images/rango.jpg" %}" alt="Picture of Rango" /> <!-- New line -->
            </div>
{% endblock %}

Comments

[Anton Filippov]

Теги к вопросам от балды ставите?

Answer 1

[Владимир]

на скриншоте у вас надпись About Rango
а в коде всего лишь <h1>About</h1>
потом, есть такой код
<p></strong>.</p>
он описан тут там совсем все не так

похоже это не тот код

Comments

[blazer05]

та я делал уже по разному и так и сяк - не работает всеравно!

[blazer05]

Вот сделал как в кнге код указан, только путь к картинке изменил

{% extends 'base.html' %}

{% load staticfiles %}

{% block title %}About{% endblock %}

{% block body_block %}
    <div class="page-header">
                <h1>About</h1>
            </div>
            <div>
            <p></strong>.</p>

            <img  width="90" height="100" src="{% static "rango/images/rango-film-review.jpg" %}" alt="Picture of Rango" /> <!-- New line -->
            </div>
{% endblock %}

Вот результат

[Владимир]

в теге эти параметры width="90" height="100" отвечают за размер картинки
если их убрать - отобразится в оригинальном размере, либо укажите нужный вам размер

[blazer05]

Владимир: Та это все понятно, не в картинке дело а в разметке и дизайне страницы. Вы что не видите разницы как в скриншотах?

[Владимир]

ну так может вы CSS переделали и подхватывается кастомный. тут трудно сказать. а перечитывать все шаги книги как-то лениво

[blazer05]

Владимир: не трогал css вообще! Если возможно, попробуйте его протестируйте сами. Там базовый шаблон уже готов, только вставить код в файл и также остальные страницы.

[Владимир]

сьедает теги
код - www.zimagez.com/zimage/screenshot-23012016-123511.php
результат - www.zimagez.com/zimage/screenshot-23012016-123329.php

[blazer05]

Владимир: Спасибо, что проверили. Так как с ним быть чтоб не съедал теги?

[Владимир]

теги сьедает Тостер, а не джанга :)

[blazer05]

Владимир: ))), но у вас точно так же не выводит дизайн как в книге.

[Владимир]

потому что форматирование всего сайта живет в файле base.html. а там где мы правиим - только жабы и надпись

[blazer05]

Владимир: ну да все верно я это знаю. Но код с base.html я точно так же взял с книги! Он работает только как то не правильно или частично если так можно выразится.

[Владимир]

найдите причину и напишите автору книги. или может он специально так сделал чтобы вы нашли опечатку ?

[blazer05]

Владимир: вот пытаюсь ее найти эту ошибку. Интересно, что есть готовый вариант примера сделанного по этой книге https://github.com/leifos/tango_with_django , но там версия джанго 1.5 и бутстрап вроде такой же. Я оттуда брал файлы бутстрапа и ложил в свой проект и всеравно не получил нужного результата. Сам код у него отличается от версии джанго 1.7.

[Владимир]

два года прошло. все меняется.