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

如何使用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>