Html 使用bootstrap动态加载滑块

我有一个转盘滑块如下设计

第一张幻灯片的主图像较大（4张较小）

第二张幻灯片分为8张较小的图像

附加的屏幕截图是使用引导程序构建的——类似于这样

---

您应该在循环中设置例外，以便为该元素设置更多宽度（xs-6）：

<div class="row">
@foreach (var item in row)
{
    if([Your condition]) {
        <div class="col-xs-6">
            <img class="small-slider-img" src="~/images/optimisedImages/testing-slider-images/@item.ImageDefinition.Url">
        </div>
    } else { // Current behavior
        <div class="col-xs-3">
            <img class="small-slider-img" src="~/images/optimisedImages/testing-slider-images/@item.ImageDefinition.Url">
        </div>
    }
}
</div>

@foreach（行中的var项目）
{
如果（[您的情况]）{
}else{//当前行为
}
}

---

如果您添加一个xs-6，您必须修改行的其余部分，这样所有行的值都不会超过12（每行最多列）

p.s将非常感谢任何更新投票，这里新增并尝试建立声誉：）谢谢@ignacio这很有帮助：）