我這樣從php端顯示元素：

 
 
 
  
 
 
text ?>
 
 
 
 

在html頁面上它們看起來像這樣

.case { padding: 50px; } img { width: 300px; }

 
 
 
  
 
 
case 1
 
 
 
 
 
 
  
 
 
case 2
 
 
 
 
 
 
  
 
 
case 3
 
 
 

是否可以使col-6交替交換，使頁面上的元素以棋盤格的形式顯示，像這樣

.case { padding: 50px; } img { width: 300px; }

 
 
 
  
 
 
case 1
 
 
 
 
 
 
 
case 2
 
 
  
 
 
 
 
 
  
 
 
case 3
 
 
 

.case:nth-of-type(2n) .row{ flex-direction: row-reverse; }