bootstrap教育主題三大列表布局

使用方法：

1、head引入css文件

<link rel="stylesheet" href="css/bootstrap.min.css">

<link type="text/css" href="css/style.css" rel="stylesheet" />

2、body引入部分

<div class="shou_zhu" style="background: url(images/san.png);" >
	<div class="container">
		<div align="center">
			<h2><span>三大主題</span></h2>
			<div class="xian1"></div>
			<div class="xian2"></div>
		</div>
		<div class="col-lg-4" align="left">
			<div class="thumbnail" align="center">
				<div class="col-xs-3 col-lg-12">
					<h3>資源共享平臺</h3>
					<div class="yuan">
						<img src="images/tuc_1.png" />
					</div>
				</div>
				<div class="col-xs-9 col-lg-12">
					<h4>中國財經?政法教育資源共享平臺</h4>
					<ul class="list-inline">
						<li><a href="#">學位論文庫</a></li>
						<li><a href="#">特色資源庫</a></li>
						<li><a href="#">機構知識庫</a></li>
						<li><a href="#">商業(yè)數據庫</a></li>
						<li><a href="#">財經博導庫</a></li>
						<li><a href="">外文期刊庫</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="col-lg-4" align="center">
			<div class="thumbnail" align="center">
				<div class="col-xs-3 col-lg-12">
					<h3>E-MOOC平臺</h3>
					<div class="yuan">
						<img src="images/tuc_2.png" />
					</div>
				</div>
				<div class="col-xs-9 col-lg-12">
					<h4>中國財經教育E-MOOC聯(lián)盟</h4>
					<ul class="list-inline">
						<li><a href="#">中國財經教育E-MOOC平臺</a></li>
						<li><a href="#">財經資源及信息素養(yǎng)平臺</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="col-lg-4" align="right">
			<div class="thumbnail" align="center">
				<div class="col-xs-3 col-lg-12">
					<h3>教學案例平臺</h3>
					<div class="yuan">
						<img src="images/tuc_3.png" />
					</div>
				</div>
				<div class="col-xs-9 col-lg-12">
					<h4>中國經管實驗教學案例平臺</h4>
					<ul class="list-inline">
						<li><a href="#">中國經管實驗教學案例庫</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>