javascript - BootStrap+jQuery如何实现:一个row内,有两行+一行(带图)

查看:235
本文介绍了javascript - BootStrap+jQuery如何实现:一个row内,有两行+一行(带图)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题


一个row内,有两行+一行,如上图。
BootStrap+jQuery如何实现?

解决方案

只有这么多么?
如果是的话,
左右各一个col,然后左边里面再套一个row,里面上下2个定死高度的col,右边1个写死2倍高度的col。
你要想写成纯正的也行,撑爆他左边就行了

<div class="row">
    <div class="col-md-5">
        <div class="row">
            <div class="col-md-12">左上</div>
            <div class="col-md-12">左下</div>
        </div>
    </div>
    <div class="col-md-7">
        右
    </div>
</div>

这篇关于javascript - BootStrap+jQuery如何实现:一个row内,有两行+一行(带图)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆