Django - 无法正确对齐html选项卡

我试图根据选项卡显示数据列表。到目前为止，我能够获取数据并显示出来。问题是html部分。在HTML的某些部分不应该重复，但他们必须至少一次...Django - 无法正确对齐html选项卡

[![<body class="bootstrap" > 


     <!--#INCLUDE VIRTUAL="TopNavInclude.asp" --> 


     <div class="container"> 

     <div class="col-md-12"> 

      <div class="panel panel-default panel-fade"> 

      <div class="panel-heading"> 

       <span class="panel-title"> 

       <div class="pull-left"> 

       <ul class="nav nav-tabs"> 
     {% block content %} 

     {% for s in data_seasons %} 
        {% if s == 1 %} 
        <li class="active"><a href="#tab{{s}}" data-toggle="tab" ><i class="glyphicon glyphicon-send"></i> Temporada {{s}}</a></li> 
        {% else %} 
        <li><a href="#tab{{s}}" data-toggle="tab" ><i class="glyphicon glyphicon-send"></i> Temporada {{s}}</a></li> 

         {% endif %} 

         {% endfor %} 

       </ul> 

       </div> 

       <div class="btn-group pull-right"> 
        <div class="btn-group"> 
        <a href="#" class="btn dropdown-toggle" data-toggle="dropdown"> 
         <span class="glyphicon glyphicon-cog"></span> 
        </a> 
        <ul class="dropdown-menu" role="menu"> 
         <li><a href="#">Action 1</a></li> 
         <li><a href="#">Action 2</a></li> 
         <li class="divider"></li> 
         <li><a href="#">Another Action</a></li> 
        </ul> 
        </div> 
       </div> 

       <div class="clearfix"></div> 

       </span> 

      </div> 

      <div class="panel-body"> 

       <div class="tab-content"> 



    {% for s in data_seasons %} 
{% for ep in data_ep %} 


        {% if s == ep.tve_season %} 

         {% if s == 1 %} 
        <div class="tab-pane fade in active" id="tab{{s}}"> 

      <h3>Episodios</h3> 
       <FORM ACTION="" METHOD="post"> 
        <INPUT TYPE="hidden" NAME="FormName" VALUE="PrintLetters"> 
        <TABLE class="table table-striped"> 
        <THEAD> 

        <TR><TH>Selecionar</TH><TH style="text-align:left">Nome do Episodio</TH><TH style="text-align:left">Duracao</TH><TH>Data/Horario</TH><TH>Sumario</TH></TR> 

        </THEAD> 
        <TBODY> 

        <TR><TD><INPUT TYPE="checkbox" NAME="EventCode" VALUE=588031></TD><TD>{{ep.tve_name}}</TD><TD>{{ep.tve_runtime}}</TD><TD>{{ep.tve_schedule}}</TD><TD>...</TD></TR> 

        </TBODY> 
        </TABLE> 

       </FORM> 
       </div> 


           </div> 
         {% else %} 
         <div class="tab-pane fade" id="tab{{s}}">sss </div> 
             {% endif %} 
         {% endif %} 
{% endfor %} 
    {% endfor %} 
       </div> 


       </div> 

       </div> 

      </div> 

      </div> 

     </div> 

     </div> 




     <footer> 
     {% endblock %}][1]][1]

原始模板： http://bootsnipp.com/snippets/OMX7O

这在div部分只应为它应该只运行一次，对于变量：{{s}}和{{ep ...}}

{% if s == ep.tve_season %} 

         {% if s == 1 %} 
      <!--This  <div class="tab-pane fade in active" id="tab{{s}}"> 

      <h3>Episodios</h3> 
       <FORM ACTION="" METHOD="post"> 
        <INPUT TYPE="hidden" NAME="FormName" VALUE="PrintLetters"> 
        <TABLE class="table table-striped"> 
        <THEAD> 

        <TR><TH>Selecionar</TH><TH style="text-align:left">Nome do Episodio</TH><TH style="text-align:left">Duracao</TH><TH>Data/Horario</TH><TH>Sumario</TH></TR> 

        </THEAD> 
        <TBODY> 

        <TR><TD><INPUT TYPE="checkbox" NAME="EventCode" VALUE=588031></TD><TD>{{ep.tve_name}}</TD><TD>{{ep.tve_runtime}}</TD><TD>{{ep.tve_schedule}}</TD><TD>...</TD></TR> 

        </TBODY> 
        </TABLE> 

       </FORM> 
       </div> Until this--> 


           </div>

来源

2016-11-29 Rafael Rodrigo De Souza