Php 引导设置列全宽(如果它是行中唯一的列)
更新帖子: 在我的web all and some页面中,我使用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 $
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)`