Twitter bootstrap 如何使用bootstrap div设计行跨度？

如何用bootstrap设计网格系统

在大中型显示器中，它将显示2列和3行。第一列有1个单元格，第二列有3个单元格

在小型和超小型显示器中，它将仅显示1列和4行。每个单元格将在单个列中一个接一个地堆叠。大屏幕或中屏幕的第一列/单元格应位于此处的第一位。

您可以嵌套“行”

…您的代码在这里
.. 您的代码单元格1
.. 你的代码单元2

试试这个：

第一列，第一个单元格
第二列，第一个单元格
第二列，第二个单元格
第二列，第三个单元格

Jake745的答案在某种程度上是正确的，但遗漏了嵌套列的“row”div。一个列不能没有行，所以最好保持这种结构。此外，如果您需要将所有屏幕大小分散到12或任何大小，则无需重复该列。也就是说，如果您要求移动设备占用12列，而平板电脑以后的设备占用6列，那么您只需输入“col-xs-12 col-sm-6”，sm以上的任何内容都将自动占用6列

通过这种方式，您将减少代码，而不是添加不必要的代码。希望这有帮助

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

第一列，第一个单元格
第二列，第一个单元格
第二列，第二个单元格
第二列，第三个单元格

谢谢你。这个解决方案正是我想要的。我在Bootstrap中使用相同的

rowspan

，但我的内容包装在

Kendo UI TabStrip

小部件中。我无法让划船开始工作。这是一个在剑道标签条中包含一些文本内容的Plunker示例-col-sm-12也是不必要的

       <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>

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