westdc-zf1/application/default/views/scripts/index/index.phtml

<?php
$this->headTitle($this->config->title->site);
$this->headTitle('首页');
$this->headTitle()->setSeparator(' - ');
$auth = Zend_Auth::getInstance();
$this->headLink()->appendStylesheet('/css/index.css');
?>
<style>
	.carousel-inner .item .featured-image-link { text-align:center; }

	.featured-image { min-width:100%; text-align:center; margin:auto 0px; /*min-height:100%;*/ }
</style>
<div class="row">

</div>
<div class="row">
	<div class="span7" id="feature-news">
		<div id="myCarousel" class="carousel slide">
			<ol class="carousel-indicators">
				<?php
				foreach ($this->news as $k => $v) {
					echo '<li data-target="#myCarousel" data-slide-to="$k"' . ($k == 0 ? ' class="active"' : '') . '></li>';
				}
				?>
			</ol>
			<div class="carousel-inner">
				<?php
				foreach ($this->news as $k => $v) {
					echo '<div class="item' . ($k == 0 ? ' active' : '') . '">';
					echo '<a href="' . $v['url'] . '"  title="' . $v['description'] . '"  ><img src="' . $v['image'] . '" class="img-rounded featured-image" /></a>';
					echo '<div class="carousel-caption">';
					echo '<h4><span class="pull-right">[' . date("Y-m-d", strtotime($v['ts_published'])) . ']</span><a href="' . $v['url'] . '">' . $v['title'] . '</a></h4>';
					//echo '<p>'.$v['description'].'</p>';
					echo '</div></div>';
				}
				?>
			</div>
			<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
			<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
		</div>
	</div>
	<div class="span5" id="main-news">
		<h4><a href="/archives"><i class="icon-calendar"></i>新闻</a></h4>
		<ul class="news-list unstyled">
			<?php foreach ($this->list_news as $k => $v) { ?>
				<li>
					<span class="pull-right">[<?= date("Y-m-d", strtotime($v['ts_published'])) ?>]</span>
					<a href="<?= $v['url'] ?>"
					   title="<?= $v['title'] ?>"><?= mb_strlen($v['title']) > 26 ? mb_substr($v['title'], 0, 23, 'utf-8') . "..." : $v['title'] ?></a>
				</li>
			<?php } ?>
		</ul>
	</div>
</div>

<!-- 数据 -->
<div class="row">
	<div class="span12 data-unit">
		<div class="well well-small" style="padding:0px;">
			<div class="row">
				<div class="span8">
					<div class="span8">
						<h4>最新数据集</h4></div>
					<div class="data-list span4">
						<ul class="unstyled">
							<li>
								<a href="/data/<?= $this->latest_metadata[0]['uuid']; ?>"
								   title="<?= $this->latest_metadata[0]['title']; ?>">
									<?= mb_substr($this->latest_metadata[0]['title'], 0, 26, 'utf-8'); ?>
							</li>
							<li>
								<a href="/data/<?= $this->latest_metadata[1]['uuid']; ?>"
								   title="<?= $this->latest_metadata[1]['title']; ?>">
									<?= mb_substr($this->latest_metadata[1]['title'], 0, 26, 'utf-8'); ?>
								</a>
							</li>
							<li>
								<a href="/data/<?= $this->latest_metadata[2]['uuid']; ?>"
								   title="<?= $this->latest_metadata[2]['title']; ?>">
									<?= mb_substr($this->latest_metadata[2]['title'], 0, 26, 'utf-8'); ?>
							</li>
						</ul>
					</div>
					<div class="data-list">
						<ul class="unstyled">
							<li>
								<a href="/data/<?= $this->latest_metadata[3]['uuid']; ?>"
								   title="<?= $this->latest_metadata[3]['title']; ?>">
									<?= mb_substr($this->latest_metadata[3]['title'], 0, 26, 'utf-8'); ?>
							</li>
							<li>
								<a href="/data/<?= $this->latest_metadata[4]['uuid']; ?>"
								   title="<?= $this->latest_metadata[4]['title']; ?>">
									<?= mb_substr($this->latest_metadata[4]['title'], 0, 26, 'utf-8'); ?>
							</li>
							<li>
								<a href="/data/<?= $this->latest_metadata[5]['uuid']; ?>"
								   title="<?= $this->latest_metadata[5]['title']; ?>">
									<?= mb_substr($this->latest_metadata[5]['title'], 0, 26, 'utf-8'); ?>
							</li>
						</ul>
					</div>
				</div>
				<div class="span4">
					<div style="padding-left:10px;">
						<h4><a href="http://qherc.sanjiangyuan.org.cn">青海省生态环境遥感监测中心</a></h4>
						<div class="data-block" style="background-position:0px -600px;width:350px;"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="span4 data-unit">
		<div class="well well-small">
			<h4><a href="http://meteorology.sanjiangyuan.org.cn">青海省气象科学研究所</a></h4>
			<div class="data-block" style=" background-position:0px -200px;">

			</div>
		</div>
	</div>
	<div class="span4 data-unit">
		<div class="well well-small">
			<h4><a href="http://emc.sanjiangyuan.org.cn">青海省环境监测中心站</a></h4>
			<div class="data-block" style=" background-position:top left;">

			</div>
		</div>
	</div>
	<div class="span4 data-unit">
		<div class="well well-small">
			<h4><a href="http://grassland.sanjiangyuan.org.cn">青海省草原总站</a></h4>
			<div class="data-block" style=" background-position:0px -102px;">

			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="span4 data-unit">
		<div class="well well-small">
			<h4><a href="http://conservation.sanjiangyuan.org.cn">青海省水土保持局</a></h4>
			<div class="data-block" style="background-position:0px -400px;">

			</div>
		</div>
	</div>
	<div class="span4 data-unit">
		<div class="well well-small">
			<h4><a href="http://forest.sanjiangyuan.org.cn">青海省林业调查规划院</a></h4>
			<div class="data-block" style="background-position:0px -500px;">

			</div>
		</div>
	</div>
	<div class="span4 data-unit">
		<div class="well well-small">
			<h4><a href="http://water.sanjiangyuan.org.cn">青海省水文水资源勘测局</a></h4>
			<div class="data-block" style="background-position:0px -300px;">

			</div>
		</div>
	</div>
</div>

<div class="row" style="padding-bottom:18px;">
	<div class="span4">
		<a href="http://hohxil.sanjiangyuan.org.cn">
			<i class="icon-leaf"></i>
			青海可可西里世界自然遗产遗产提名地
		</a>
	</div>
	<div class="span4">
		<a href="http://np.sanjiangyuan.org.cn">
			<i class="icon-leaf"></i>
			青海三江源国家公园
		</a>
	</div>
	<div class="span4">
		<a href="http://ah.sanjiangyuan.org.cn/">
			<i class="icon-leaf"></i>
			青海智慧畜牧业
		</a>
	</div>
</div>