bootstrap 栅格系统实现类似table跨行

通过bootstrap 栅格系统实现类似table跨行 的效果,如下:


具体代码如下:

<div class="row">
	<div class="col-sm-2" style="padding-right: 0px;">
		<div class="noRb" id="freeDiv" style="height: 60px;">
			Free
		</div>
	</div>
	<div id="freeShiftDiv" class="col-sm-10">
		<div class="row dataRow">
			<div>1</div>
		</div>
		<div class="row dataRow">
			<div>1</div>
		</div>
	</div>
</div>



1、其中dataRow为我自己定义的样式。

2、

<div class="noRb" id="freeDiv" style="height: 60px;">

这里的height:60px,与下面的dataRow中的height要相符。






你可能感兴趣的:(table,bootstrap,栅格系统,跨行)