Umbraco C# - 在 foreach 循环中显示 2 个不同的列 (1-2) (1-2)

Question

我试图在foreach循环中以 1-2 的顺序显示来自 Umbraco 的数据（bootstarp 列），但我的代码以 1-1 列的顺序显示，而不是在循环中以 1-2 的顺序显示。它不会将第二列添加到第二行，而只是添加一列。例如，先显示 1 个项目，然后显示 2 个项目，然后再显示 1 个项目，并显示不同的列。在内容循环中制作 1-2 的更好方法是什么？我有点迷失在这个上。任何帮助都会很好。 <div class="container-fluid" style="padding-left: 117px;">   <div class="row" style="margin-top: 5em;">    <div class="col-lg-9 col-md-9 col-sm-9">      <!-- BLOG START-->   @foreach(var data in Model.Content.Children().Where(x => !x.GetPropertyValue<bool>("umbracoNaviHide"))){        if(data.HasValue("blogNested")){           var items = data.GetPropertyValue<IEnumerable<IPublishedContent>>("blogNested");           int i = 0 ;            foreach(var item in items){             <div class="row">             @if(i % 2 == 0) {               <div class="col-md-4 col-sm-12">                    <div class="card">                        <img src=" /media/1180/dude.jpg" style="height: 15em;">                     </div>                 </div>             <div class="col-md-6 col-sm-12">                <span class="card-text qs-blog-direcao">@(item.GetPropertyValue<string>("tipoDeDirecao"))</span><br><br>                <span class="qs-blog-date-1page">@(item.GetPropertyValue<string>("dataDePublicacaoBlog"))</span><br>                <span class="qs-blog-publicado-por"> @(item.GetPropertyValue<string>("publicadoPorBlog")) - OPINIÃO </span><br><br><br>                <span class="qs-blog-titulo-1page">@(item.GetPropertyValue<string>("tituloBlog"))</span>            </div>               <div class="col-md-12 col-sm-12" style="margin-top:2em;">                <span class="qs-blog-resumo d-flex justify-content-start">@(item.GetPropertyValue<string>("resumoBlog"))</span>                <span class="d-flex justify-content-end"><a><img src=" /media/1027/icon_inf_verde.png"></a></span>            </div>             } 

Answer 1

可能是这样的

var items = data.GetPropertyValue<IEnumerable<IPublishedContent>>("blogNested")

    .ToList();

while (items.Any())

{

    var oneItem = items.First();

    items.Remove(oneItem);

    <div class="row">

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

            @oneItem.Id

        </div>

    </div>

    var twoItems = items.Take(2).ToList();

    if (twoItems.Any())

    {

        <div class="row">

            @foreach (var item in twoItems)

            {

                items.Remove(item);

                <div class="md-6">

                    @item.Id

                </div>

            }

        </div>

    }

}

这将呈现

<div class="row">

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

        <text>{{Id}}</text>

    </div>

</div>

<div class="row">

    <div class="md-6">

        <text>{{Id}}</text>

     </div>

     <div class="md-6">

          <text>{{Id}}</text>

     </div>

</div>

<div class="row">

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

        <text>{{Id}}</text>

    </div>

</div>

...