Загрузочный столбец устанавливается по всей ширине, если его единственный столбец в строке

ОБНОВЛЕНО:

в моей веб-странице и на какой-либо странице я использую col-xx-xxстолбцы col-md-6ide для одного столбца, например col-md-6, когда я использую эту опцию для разделения столбцов следующего столбца, например, пустого:

все столбцы rowнаходятся в одном col-md-6, а не в двух столбцах в одной строке

введите описание изображения здесь

теперь мой вопрос: как я могу заполнить эту строку, имеет только один столбец, col-md-12или как я могу установить divкласс divдля заполнения этого в текущей строке?

Код pesudo:

<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">

php,html,css,laravel,

0

Ответов: 2


4 принят

смещение приходит на помощь для вашей проблемы. 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. Но я считаю, что это должно сработать.


1

Я предполагаю, что в этом случае у вас есть двумерный массив, который выглядит следующим образом.

<?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, HTML, CSS, Laravel,
Похожие вопросы