divを使用して内容を垂直に整列する方法は？

Question

私はYii2アプリに問題があります。なぜなら、複数の画像をアップロードすると、完全にアライメントされなくなるからです。 This is how it is

複数の画像をアップロードするときに縦に並べてコンテンツを縦に並べたいと思います。 This is how i want

そして、これはコードで自分で整理

 <div class="people-nearby"> 
     <div class="nearby-user"> 
      <div class="row"> 
     <div class="col-md-2 col-sm-2"> 
      <?php 
          if (!empty($view)) { 
            foreach ($view as $request) { 
         echo' 
        <div class="col-md-2 col-sm-2"> 
        <img src="'.$request['MediaPath'].'" alt="user" class="profile-photo-lg"/> 
        </div> 
        <div class="col-md-7 col-sm-7"> 
         <h5><a href="#" class="profile-link">'.$request['ContentName'].'</a></h5> 

         <p>File type</p> 
         <p class="text-muted">500m away</p> 
        </div> 
        <div class="col-md-3 col-sm-3"> 
         <button class="btn pull-right"><i class="ion-ios-trash"></i></button> 
        </div> 

          '; 
            } }?> 


</div> 
    </div> 
      </div> 
     </div> 
     </div> 

Answer 1

を使用しています。コードを

<?php 
         if (!empty($view)) { 
           foreach ($view as $request) { 
        echo' 



     <div class="row"> 


       <div class="col-md-2 col-sm-2"> 
       <img src="'.$request['MediaPath'].'" alt="user" class="profile-photo-lg"/> 
       </div> 
       <div class="col-md-7 col-sm-7"> 
        <h5><a href="#" class="profile-link">'.$request['ContentName'].'</a></h5> 
        <p>File type</p> 
        <p class="text-muted">500m away</p> 
       </div> 
       <div class="col-md-3 col-sm-3"> 
        <button class="btn pull-right"><i class="ion-ios-trash"></i></button> 
       </div> 




    </div>  '; 
           } }?> 

に変更しました。