1 Востаннє редагувалося Lung (03.08.2017 13:24:12)

Тема: django-bootstrap3 не показує контент

використовую django-bootstrap3==9.0.0 django-bootstrap-themes==3.3.6 django==1.10 python==3.5

Головна сторінка base.html:

{% extends 'bootstrap3/bootstrap3.html' %}
{% load staticfiles %}
{% load bootstrap3 %}
{% load bootstrap_themes %}
{% bootstrap_styles theme='simplex' type='min.css' %}
{# Load CSS and JavaScript #}
{% bootstrap_css %}
{% bootstrap_javascript %}
...
<div class="container-fluid">
      <img src="{% static 'main/img/photo1.jpg' %}" class="bg"/>
      <div class="parallax">
        <div class="row">
        {% block body %}
         <div class="col-md-8 col-md-offset-2 col-sm-12 maincontent">
           Вітаємо Вас на порталі!
         </div>
         {% endblock %}
         </div>
      </div>
</div>
...


Сторінка login.html завантажується успішно, але не показує те що в середині {% block body %}:

{% extends 'base.html' %}
{% load bootstrap3 %}
{% load bootstrap_themes %}
{% bootstrap_styles theme='simplex' type='min.css' %}
{# Load CSS and JavaScript #}
{% bootstrap_css %}
{% bootstrap_javascript %}

{% block body %}
    <h1>login login login</h1>
{% endblock %}

Після заватнаження файлу login.html: картинку із {% extends 'base.html' %}
<div class="container-fluid">
      <img src="{% static 'main/img/photo1.jpg' %}" class="bg"/>

показує, а зміст

{% block body %}
    <h1>login login login</h1>
{% endblock %}

не показує.

Буду вдячний за будь яку пораду.

2 Востаннє редагувалося ping (03.08.2017 13:50:05)

Re: django-bootstrap3 не показує контент

по Ctrl-U дивилися код login.html  ?
може у Вас class='row' або "parallax" описаний як невидимий?

p.s.
а для чого у login.html Ви дублюєте
{% load bootstrap3 %}
{% load bootstrap_themes %}
{% bootstrap_styles theme='simplex' type='min.css' %}
{# Load CSS and JavaScript #}
{% bootstrap_css %}
{% bootstrap_javascript %}

???

Адже вони вже мають бути  завантажені через base.html
глятьте уважно код login.html через Ctrl-U (Ctrl+U – Open the current page’s source code. )

Подякували: 0xDADA11C71

3

Re: django-bootstrap3 не показує контент

Красно дякую.

Коли я прибрав катринку я побачив схований текст.
Спочатку я погрався із z-index:1, воно не спрацювало.

Потім я вставив в {% block body %}
         <div class="col-md-8 col-md-offset-2 col-sm-12 maincontent">
тобто так, як на головній сторінці, і все стало на свої місця.

Подякували: 0xDADA11C71

4

Re: django-bootstrap3 не показує контент

Lung написав:

Красно дякую.

Коли я прибрав катринку я побачив схований текст.
Спочатку я погрався із z-index:1, воно не спрацювало.

Потім я вставив в {% block body %}
         <div class="col-md-8 col-md-offset-2 col-sm-12 maincontent">
тобто так, як на головній сторінці, і все стало на свої місця.

ну , в даному випадку ми ніяк не могли вгадати, що картинка затуляє текст.
але:
не показує контент != не рендерить контент

тому дивитися source code сторінки треба в першу чергу
тим більше, що JS могло модифікувати код сторінки теж - дивитися через F12