bootstrap栅格系统

bootstrap栅格系统

<div class="col-md-3">
			
			<div class="panel panel-default">
			  <div class="panel-heading">公告</div>
			  <div class="panel-body">
			    <a href="#">已开通技术之路的小红圈,欢迎大家进圈咨询</a>
			  </div>
			</div>
			
			<div class="panel panel-default">
			  <!-- Default panel contents -->
			  <div class="panel-heading">开发者名片</div>
			  <div class="panel-body">
			    网名：    shineyu | 空山新雨
			  </div>
			  <ul class="list-group">
			    <li class="list-group-item">职业：    高级工程师</li>
			    <li class="list-group-item">QQ：     77374325</li>
			    <li class="list-group-item">微信：    xiaoxiaoyu</li>
			    <li class="list-group-item">邮箱：    xiaoxiaoyu@china.cn</li>
			  </ul>
			</div>
			
			<div class="panel panel-default">
			  <div class="panel-heading">
			    <h3 class="panel-title">友情链接</h3>
			  </div>
			  <div class="panel-body">
			    <a href="#">程序员之家</a>
			  </div>
			  <div class="panel-body">
			    <a href="#">博客园地</a>
			  </div>
			</div>
			
		</div>

运行截图