您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站
问答- 问题:如何获得Bootstrap列以跨越多行？

如何获得Bootstrap列以跨越多行？

如何获得Bootstrap列以跨越多行？

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>





<div class="row">

    <div class="col-md-4">

        <div class="well">1

            <br/>

            <br/>

            <br/>

            <br/>

            <br/>

        </div>

    </div>

    <div class="col-md-8">

        <div class="row">

            <div class="col-md-6">

                <div class="well">2</div>

            </div>

            <div class="col-md-6">

                <div class="well">3</div>

            </div>

        </div>

        <div class="row">

            <div class="col-md-6">

                <div class="well">4</div>

            </div>

            <div class="col-md-6">

                <div class="well">5</div>

            </div>

        </div>

    </div>

</div>

<div class="row">

    <div class="col-md-4">

        <div class="well">6</div>

    </div>

    <div class="col-md-4">

        <div class="well">7</div>

    </div>

    <div class="col-md-4">

        <div class="well">8</div>

    </div>

</div>


<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"/>



<div class="row-fluid">

    <div class="span4"><div class="well">1<br/><br/><br/><br/><br/></div></div>

    <div class="span8">

        <div class="row-fluid">

            <div class="span6"><div class="well">2</div></div>

            <div class="span6"><div class="well">3</div></div>

        </div>

        <div class="row-fluid">

            <div class="span6"><div class="well">4</div></div>

            <div class="span6"><div class="well">5</div></div>

        </div>

    </div>

</div>

<div class="row-fluid">

    <div class="span4">

        <div class="well">6</div>

    </div>

    <div class="span4">

        <div class="well">7</div>

    </div>

    <div class="span4">

        <div class="well">8</div>

    </div>

</div>
其他 2022/1/1 18:15:55 有278人围观

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进，让解决方法与时俱进

请先登录

推荐问题

联系我

联系我

602392714

清零编程清零编程群

置顶