bootstrap

栅格系统
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。

<div class="container-fluif ">
	<div class="row">
		<div class="col-md-2 ">
			<div class="panel panel-default">
				<div class="list-group">
					<a href="#" class="list-group-item">热门博文</a>
					<a href="#" class="list-group-item">下载中心</a>
					<a href="#" class="list-group-item">博客模板</a>
				</div>
			</div>
		</div>
		<div class="col-md-7 bg-success">item2--33</div>
		<div class="col-md-3 bg-danger">item3 ----5</div>
	</div>
</div>