twitter-bootstrap – 如何使用bootstrap div设计rowspan？

发布时间：2020-12-18 00:20:03 所属栏目：安全来源：网络整理

导读：如何使用bootstrap设计网格系统？在大中型显示屏中,它将显示2列和3行.第一列将具有1个单元格,第二列将具有3个单元格. 在小型和超小型显示器中,它仅显示1列和4行.每个单元格将在一列中一个接一个地堆叠.来自大型或中型显示器的第一列/单元应首先出现在此处.

如何使用bootstrap设计网格系统？

在大中型显示屏中,它将显示2列和3行.第一列将具有1个单元格,第二列将具有3个单元格.

在小型和超小型显示器中,它仅显示1列和4行.每个单元格将在一列中一个接一个地堆叠.来自大型或中型显示器的第一列/单元应首先出现在此处.

解决方法

试试这个：

DEMO

<div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    First Column,First Cell
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    Second Column,First Cell
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    Second Column,Second Cell
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    Second Column,Third Cell
                </div>
            </div>
        </div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!