如何将列表分为两部分？

Question

我有一个包含12个项目的列表，但是我想将这个列表与2个div中的6个项目并排划分，我不知道怎么样，有人可以帮助我吗？

＆＃13;

＆＃13;

<td class="col-md-2 text-uppercase">
  <div class="collapse" id="divRows-@item.BandeiraAdministradoraId">
  @foreach (var taxa in item.TaxaBandeiraAdministradoras)
  {
      <div style="padding-left: 100px;">                 
        @Html.DisplayFor(modelItem => taxa.NumeroTaxas, new {@class = "text-uppercase"})
        @Html.Raw("X =")                                 
        @Html.DisplayFor(modelItem => taxa.ValorTaxa, new {@class = "text-uppercase"})
        @Html.Raw("%")
        <br/>
      </div>
  }
  </div>
</td>

＆＃13;

＆＃13;

＆＃13;

This is the list

Answer 1

像这样：

＆＃13;

＆＃13;

.col {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}

＆＃13;

  <div class="collapse col" id="divRows-1">
      <div style="padding-left: 100px;">
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      </div>
      <div style="padding-left: 100px;">
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      </div>
      <div style="padding-left: 100px;">
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      </div>
      <div style="padding-left: 100px;">
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      </div>
      <div style="padding-left: 100px;">
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      </div>
      <div style="padding-left: 100px;">
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      taxas
      </div>
  </div>

＆＃13;

＆＃13;

＆＃13;