html - 两列位置不同

我想做一些不是很困难的事情，但是我不知道该怎么做。

现在，这里有移动版的外观。

移动版看起来像这样：


这就是我想要的样子：


这里有代码。

  $query = "SELECT * FROM my_table";
                    $res = mysqli_query($con, $query);
                    $i = 0;
                    while ($row = mysqli_fetch_assoc($res))
                   {
                   if($i%2==0)
                   {
                  echo "<div class='row' style='margin-right:0; margin-left:0'>



            <div class='col-md-6' style='padding:0;''>
                <img class='image-width img-responsive' src='images/my_img/".$row['primary_img']."' />
                        </div><!--/span-->


                <div class='col-md-6 find-content' style='margin-top:8%;'>
                   <img src='images/my_img/".$row['icon']."'/>
                    <p style='font-family:GothamBold;color:#ec1940;font-size:1.5em; margin-top:5%;'>".$row['title']."</p>
                    <p style='width:50%;margin-left:25%;' class='text'>".$row['text']."</p>
                  <a class='a-button'  href='atractions.php?id=".$row['id']."'>Hi</a>
                </div><!--/span-->
                </div><!--/row -->";
             }
        else
        {
            echo " <div class='row' style='margin-right:0; margin-left:0'>

        <div class='col-md-6 find-content' style='margin-top:10%;'>
         <img src='img/descopera/icons/".$row['icon']."'/>
            <p style='font-family:GothamBold;color:#ec1940;font-size:1.5em; margin-top:5%;'>".$row['title']."</p>
            <p style='width:50%;margin-left:25%;' class='text-descopera'>".$row['text']."</p>
          <a class='a-button'  href='atractions.php?id=".$row['id']."'>Hi</a>
        </div><!--/span-->


         <div class='col-md-6' style='padding:0;'>
              <img class='image-width img-responsive' src='images/my_img/".$row['primary_img']."' />
            </div><!--/span-->

        </div><!--/row--> ";
        }
        $i++;
    }

最佳答案

我再次复制了代码，并使用了名为“ visible”的引导程序类

关于html - 两列位置不同，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38823205/