php - Bootstrap 设置列全宽，如果它是一行中唯一的列

Question

发布更新:

当我使用例如，此用于划分下一列帖子的选项可能为空:

col-md-6 中的所有列都在一个行 中，而不是一行中的两列

现在我的问题是:如何将这一行填充为只有一列作为 col-md-6 或者如何将 col-md-12 类设置为div 来填充当前行？

伪代码:

<div class="row" style="padding: 20px;">
    <?php
    $row = 1;
    $col = 6;
    ?>
    @foreach ($webDevelopmentArticles as $articles)
        @foreach ($articles as $article)
            <?php
            if ($row % 2 == 0)
                $col = 6;
            else
                $col = 12;
            $row ++;
            ?>
            <div class="col-sm-12 col-md-{{$col}} col-lg-{{$col}} pull-right">

Answer 1

offset 可以解决您的问题。 col-md-offset-6

更新:现在已经完全理解了您的问题，您需要一个逻辑来检查该行是否将成为最后一行，如果是，我们需要检查它是否是奇数行，以便它位于 col-md-12 。这是代码:

<?php
       @foreach ($articles as $index => $article)
            // if its the last row and its odd number
            if ($index % 2 == 0 && count($articles) === ($index+1))
                $col = 12;
            else
                $col = 6;
            ?>

这段代码未经测试，我也有一段时间没有用 PHP 编写代码了。但我相信这应该有效。