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

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的Bootstrap相关文章