扫码关注官方订阅号
一个row内,有两行+一行,如上图。BootStrap+jQuery如何实现?
人生最曼妙的风景,竟是内心的淡定与从容!
只有这么多么?如果是的话,左右各一个col,然后左边里面再套一个row,里面上下2个定死高度的col,右边1个写死2倍高度的col。你要想写成纯正的也行,撑爆他左边就行了
<p class="row"> <p class="col-md-5"> <p class="row"> <p class="col-md-12">左上</p> <p class="col-md-12">左下</p> </p> </p> <p class="col-md-7"> 右 </p> </p>
纯用 CSS 的话,难点在高度自适应上。如果允许用 jQuery,那就很简单了。HTML 楼上说的很清楚我就不写了,简单写下 jQuery:
$(function () { $('.col-md-7').height($('.col-md-5').height()); });
用纯CSS就可以实现了啊,比如flex
一楼的回答可以 我想补充 如果你想高度也一致的话 右边的col强制二倍高加上左边col中间空出的margin值
菜鸟排版工具:http://www.runoob.com/try/boo...这个麻烦的是高度适应
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
只有这么多么?
如果是的话,
左右各一个col,然后左边里面再套一个row,里面上下2个定死高度的col,右边1个写死2倍高度的col。
你要想写成纯正的也行,撑爆他左边就行了
纯用 CSS 的话,难点在高度自适应上。如果允许用 jQuery,那就很简单了。HTML 楼上说的很清楚我就不写了,简单写下 jQuery:
用纯CSS就可以实现了啊,比如flex
一楼的回答可以 我想补充 如果你想高度也一致的话 右边的col强制二倍高加上左边col中间空出的margin值
菜鸟排版工具:http://www.runoob.com/try/boo...
这个麻烦的是高度适应