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")&nbsp; &nbsp; .ToList();while (items.Any()){&nbsp; &nbsp; var oneItem = items.First();&nbsp; &nbsp; items.Remove(oneItem);&nbsp; &nbsp; <div class="row">&nbsp; &nbsp; &nbsp; &nbsp; <div class="col-md-12">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; @oneItem.Id&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; </div>&nbsp; &nbsp; var twoItems = items.Take(2).ToList();&nbsp; &nbsp; if (twoItems.Any())&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; <div class="row">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; @foreach (var item in twoItems)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; items.Remove(item);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="md-6">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; @item.Id&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; }}这将呈现<div class="row">&nbsp; &nbsp; <div class="col-md-12">&nbsp; &nbsp; &nbsp; &nbsp; <text>{{Id}}</text>&nbsp; &nbsp; </div></div><div class="row">&nbsp; &nbsp; <div class="md-6">&nbsp; &nbsp; &nbsp; &nbsp; <text>{{Id}}</text>&nbsp; &nbsp; &nbsp;</div>&nbsp; &nbsp; &nbsp;<div class="md-6">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <text>{{Id}}</text>&nbsp; &nbsp; &nbsp;</div></div><div class="row">&nbsp; &nbsp; <div class="col-md-12">&nbsp; &nbsp; &nbsp; &nbsp; <text>{{Id}}</text>&nbsp; &nbsp; </div></div>...