bootstrap 3-三栏简介布局

三栏布局

1、栅格系统布局

一个典型的栅格系统布局

<div class="container">
	<div class="row">
		<div class="col-md-4">.col-md-4</div>
		<div class="col-md-4">.col-md-4</div>
		<div class="col-md-4">.col-md-4</div>
	</div>
<div>

效果如下:

a)行（row）必须包含在.container(固定宽度)或.container-fluid(100%宽度)中

b)使用.col-md-*栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的，在桌面（>970px）屏幕设备上变成水平排列。

例子如下：

图片随意，根据自己的需求来就行

<div class="container" id="summary-conta