如何使用bootstrap设计网格系统?
在大中型显示屏中,它将显示2列和3行.第一列将具有1个单元格,第二列将具有3个单元格.
在小型和超小型显示器中,它仅显示1列和4行.每个单元格将在一列中一个接一个地堆叠.来自大型或中型显示器的第一列/单元应首先出现在此处.
解决方法
试试这个:
<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>