Tengo un template en django, el cual hereda de otro template que maneja los perfiles de mi webpage. El problema es que por alguna razón, todos los tags de html aparecen rodeados de sin ninguna razón aparente. No se si es el bootstrap o el django el que causa el error.
Tengo:
<div class="section">
<div class="container">
<div>
<div class="row m-3">
<div>
<div class="profile-head">
<h5>
{{user.first_name}} {{user.last_name}}
</h5>
<h6>
{{user.email}}
</h6>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 pr-4 pb-3">
<div class="profile-work">
<p>YOUR PROFILE</p>
<a href="{% url 'user:profile-view' %}">Profile Page</a><br />
<a href="">Edit Account Info</a><br />
<a href="">Change Password</a><br />
<a href="">Forgot Password</a><br /><br />
<p>INFORMATION</p>
<a href="{% url 'user:order-history' %}">Order History</a><br />
<a href="">Billing Addresses</a><br />
<a href="">Shipping Addresses</br>
</div>
</div>
<div class="col-md-9 card p-3">
{% block profile-card %}
{% endblock %}
</div>
</div>
</div>
</div>
</div>
en mi pagina base, la cual extiende a una que maneja el nav y footer (casi seguro que el problema no esta alli
y tengo
{% extends 'userInfo/profile-page.html' %}
{% block profile-card %}
<div>
<h3>Order History</h3>
<div class="list-group">
{% for order in past_orders %}
<div class="list-group-item list-group-item-action">
<h6>
Ordered on {{order.ordered_date.date}} at {{order.ordered_date.time}}
</h6>
<a href="#">
See what you bought
</a>
</div>
{% endfor %}
</div>
</div>
{% endblock%}
en la pagina que es mayor victima del problema, a alguien mas le ha pasado esto? al renderizar todos los elementos del segundo bloque de codigo se rodean de links sin razon aparente.