Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/265.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 引导设置列全宽(如果它是行中唯一的列)_Php_Html_Css_Laravel - Fatal编程技术网

Php 引导设置列全宽(如果它是行中唯一的列)

Php 引导设置列全宽(如果它是行中唯一的列),php,html,css,laravel,Php,Html,Css,Laravel,更新帖子: 在我的web all and some页面中,我使用col xx xx将帖子划分为单列,例如col-md-6,当我使用此选项划分帖子时,下一列可能为空,例如: 作为col-md-6的所有列都在一行中,而不是一行中的两列 现在我的问题是:如何填写这一行只有一列为col-md-6,或者如何将col-md-12class设置为div来填写当前行 比苏多代码: <div class="row" style="padding: 20px;"> <?php $

更新帖子:

在我的web all and some页面中,我使用
col xx xx
将帖子划分为单列,例如
col-md-6
,当我使用此选项划分帖子时,下一列可能为空,例如:

作为
col-md-6
的所有列都在一行
中,而不是一行中的两列

现在我的问题是:如何填写这一行只有一列为
col-md-6
,或者如何将
col-md-12
class设置为
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">

@foreach($webDevelopmentArticles作为$articles)
@foreach($articles作为$article)

补偿可以解决您的问题<代码>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编写代码了。但我相信这应该是可行的。

补偿可以解决您的问题<代码>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编写代码了。但是我相信这应该行得通。

我假设在这种情况下有一个二维数组,如下所示

<?PHP
   $webDevelopmentArticles = 
   Array(
         'row1'=>array('article1','article2'),
         'row2'=>array('article3')
   );
?>

因此,文章应该填满整行,而不是共享。假设每个嵌套数组的最大长度为2

然后我将要编写的代码看起来像这样

<?PHP foreach ($webDevelopmentArticles as $articles):
     $col=6;
     if(count($articles)==1){
        $col=12;
     } 
  ?>
   <div class="row" style="padding: 20px;">
     <?PHP foreach ($articles as $article):?>
        <div class="col-md-<?PHP echo $col?>">
          <?PHP echo $article;?>
        </div>
     <?PHP endforeach;?>
   </div>
<?PHP endforeach;?>


我假设这里有一个二维数组,如下所示

<?PHP
   $webDevelopmentArticles = 
   Array(
         'row1'=>array('article1','article2'),
         'row2'=>array('article3')
   );
?>

因此,文章应该填满整行,而不是共享。假设每个嵌套数组的最大长度为2

然后我将要编写的代码看起来像这样

<?PHP foreach ($webDevelopmentArticles as $articles):
     $col=6;
     if(count($articles)==1){
        $col=12;
     } 
  ?>
   <div class="row" style="padding: 20px;">
     <?PHP foreach ($articles as $article):?>
        <div class="col-md-<?PHP echo $col?>">
          <?PHP echo $article;?>
        </div>
     <?PHP endforeach;?>
   </div>
<?PHP endforeach;?>


工作不正常,且所有行的列都为空。是否添加col-md-6?像
col-md-6 col-md-offset-6
我很抱歉我在描述我的问题时犯了一个错误,我的帖子更新了,提前感谢只是为了澄清你的问题。。。如果要显示的div数为奇数,是否将最后一列作为全宽?i、 如果你有5个div,2行col-md-6,最后一行col-md-12?那么你需要更多的逻辑。如果
webDevelopmentArticles.length==$index+1
(如果这是循环中的最后一项),则添加第二个逻辑'if($row%2==0)`无法正常工作,并且我的所有行都有空列。是否添加col-md-6?像
col-md-6 col-md-offset-6
我很抱歉我在描述我的问题时犯了一个错误,我的帖子更新了,提前感谢只是为了澄清你的问题。。。如果要显示的div数为奇数,是否将最后一列作为全宽?i、 如果你有5个div,2行col-md-6,最后一行col-md-12?那么你需要更多的逻辑。如果
webDevelopmentArticles.length==$index+1
(如果这是循环中的最后一项),则添加第二个逻辑`if($row%2==0)`