需要在 foreach 循环 laravel 中对齐复选框

【问题标题】：Need To align checkboxes in foreach loop laravel需要在 foreach 循环 laravel 中对齐复选框
【发布时间】：2021-06-24 11:12:54
【问题描述】：

这些复选框在foreach循环中，需要水平或成组显示这些框

<div class="col-12">
                                            
    @foreach ($inactive_isos as $inactive_iso )
        {{-- <div class="wall text-center">   --}}
        <p> {{$inactive_iso->standard_name}}</p>
        <label class="brick tile-picker">
           <input type="checkbox">
           <i class="tile-checked"></i>
        </label>        
        {{-- </div> --}}
    @endforeach
                                            
</div>

【问题讨论】：

同时更新一段 css 代码。

标签： php bootstrap-4 laravel-8

【解决方案1】：

很简单。

您只需将d-flex-Class 添加到您的div，它围绕您的循环项。

在这种情况下，您周围的 div 应该如下所示：

<div class="col-12 d-flex"><!-- Your Loop-Items --></div>

所以你的“最终”代码可能如下所示：https://codepen.io/yeich/pen/OJWXNXq

【讨论】：