Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/03/2014, 18:22
Avatar de stormearth
stormearth
 
Fecha de Ingreso: octubre-2013
Ubicación: Quito
Mensajes: 68
Antigüedad: 11 años, 5 meses
Puntos: 2
Django template inheritance rompe con el layout de Bootstrap?

Hola todos tengo una duda. Me parece que al utilizar el Template Inheritance de django rompe el layout de la página. Estoy usando Bootstrap.

En la base.html tengo algo así:
Código:
<div class="col-md-8 column">
	<div class="row clearfix">
	{% block tab_content %}
	{% endblock tab_content %}
	</div>
</div>
y en el child template esto:
Código:
{% block tab_content %}
{% for c in citas %}
<div class="col-md-11 column">
	....
 </div>
<div class="col-md-1 column">
	....
</div>
{% endfor %}
{% endblock tab_content %}
El resultado no es el esperado, la página cubre todo el ancho del layout, no solo las 8 columnas que especifico en el base.html "col-md-8".

En cambio, si paso el "col-md-8" a el child template, si funciona.
Child template:
Código:
{% block tab_content %}
<div class="col-md-8 column">
	<div class="row clearfix">
		{% for c in citas %}
		<div class="col-md-11 column">
			...
		</div>
		<div class="col-md-1 column">
			...
		</div>
		{% endfor %}
	</div>
</div>
{% endblock tab_content %}

¿Por qué?


No he logrado arreglar esto. Seguro hay algo que no comprendo, pero a primera vista parecería que el Template Inheritance de Django rompre con el Layout de Bootstrap.

Última edición por stormearth; 19/03/2014 a las 18:25 Razón: aclaraciones.