扫码关注官方订阅号
我这样从php端显示元素:
= $case->text ?>
在html页面上它们看起来像这样
.case { padding: 50px; } img { width: 300px; }
case 1 case 2 case 3
是否可以使col-6交替交换,使页面上的元素以棋盘格的形式显示,像这样
col-6
自从bootstrap切换到display: flex,就可以使用纯现代CSS来实现这样的效果:
display: flex
.case:nth-of-type(2n) .row{ flex-direction: row-reverse; }
不需要对HTML进行任何更改。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
自从bootstrap切换到
display: flex,就可以使用纯现代CSS来实现这样的效果:.case:nth-of-type(2n) .row{ flex-direction: row-reverse; }不需要对HTML进行任何更改。