Как сгенерировать два столбца в цикле при просмотре asp net

Question

Я хотел бы получить два столбца рядом в одном ряду. Данные в этих столбцах будут разными.

Как это:

<div class="row">
  <div class="col-md-6">
      Data1 
  </div>
  <div class="col-md-6">
      Data2
  </div>
</div>

Но .. мой код генерирует структуру:

   <div class="row">
        <div class="col-md-6 text-center">
        </div>
        <div class="col-md-6 text-center">

                <h2>Title: </h2>
                <p>Position: Name Surname</p>
        </div>
        <div class="row">
        <div class="col-md-6 text-center">
                <h2>Title: </h2>
                <p>Position: Name Surname</p>
        </div>
        <div class="col-md-6 text-center">

        </div>
    </div>

Это мой код в PartialView (_Pozycjee.cshtml):

@model IEnumerable<dynamic>

@if (Model.Any() == true)
{

    foreach (dynamic item in Model)
    {
        @:<div class="row">

        <div class="col-md-6 text-center">
            @if (item.Mecz.GospodarzKlubId == item.Zawodnik.KlubId)
            {
                <h2>Skład gospodarzy:</h2>
                <p>@item.Nazwa: @item.Zawodnik.Imie @item.Zawodnik.Nazwisko</p>
            }
        </div>

        <div class="col-md-6 text-center">

            @if (item.Mecz.GoscKlubId == item.Zawodnik.KlubId)
            {
                <h2>Skład gości:</h2>
                <p>@item.Nazwa: @item.Zawodnik.Imie @item.Zawodnik.Nazwisko</p>
            }
        </div>
    }
   @: </div>

}
else
{
    <p>Brak pozycji</p>
}

Это генерирует "пустой" div и все портит. Посмотрите на этот экран: https://photoland.io/i/k4Pzu

Пожалуйста, за помощью. Привет

Answer 1

Попробуйте это:

@model IEnumerable<dynamic>

@if (Model.Any() == true)
{
  <div class="row">
    @foreach (dynamic item in Model)
    {
        if (item.Mecz.GospodarzKlubId == item.Zawodnik.KlubId)
        {
            <div class="col-md-6 text-center">
                <h2>Skład gospodarzy:</h2>
                <p>@item.Nazwa: @item.Zawodnik.Imie @item.Zawodnik.Nazwisko</p>
            </div>
        }


        if(item.Mecz.GoscKlubId == item.Zawodnik.KlubId)
        {
            <div class="col-md-6 text-center">
                <h2>Skład gości:</h2>
                <p>@item.Nazwa: @item.Zawodnik.Imie @item.Zawodnik.Nazwisko</p>
            </div>
        }
    }
 </div>
}
else
{
    <p>Brak pozycji</p>
}