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,26,'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="span12"><h4>青海省生态环境遥感监测中心</h4></div>
            </div>
            <div class="row">
            	<div class="span4">
                	<div class="data-block"  style=" background-position:0px -600px;width:350px;margin:0 10px;"></div>
                </div>
                <div class="data-list span4">
                    <ul class="unstyled">
                    	<li><a href="/data/67d34a5a-4094-4d8a-93c8-9941e535b070">青海三江源区2012年重点生态工程区域草地监测数据集</a></li>
                        <li><a href="/data/6d7ce662-4357-4e19-8e4a-889691bffe62">青海三江源区2012年度土地利用数据集</a></li>
                        <li><a href="/data/414489b0-ca05-4bbc-92a8-25b631518c46">青海三江源区2011年度土地利用数据集</a></li>
                    </ul>
                </div>
                <div class="data-list span4">
                    <ul class="unstyled">
                    	<li><a href="/data/ac22fa94-b288-480a-8fdd-c34927968f17">青海三江源区2010年度土地利用数据集</a></li>
                        <li><a href="/data/e6e1aa3d-e0d8-4dac-8d24-26d7cb1a164f">青海三江源区2011年卫星影像数据集</a></li>
                        <li><a href="/data/a233150b-18a7-4786-b764-fe3483e480fa">青海三江源区2009年卫星影像数据集</a></li>
                    </ul>
                </div>
            </div>
   		</div>
    </div>
</div>

<div class="row">    
	<div class="span4 data-unit">
    	<div class="well well-small">
        	<h4><a href="/data/organization/name/青海省气候中心、青海省气象科学研究所">青海省气象科学研究所</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="/data/organization/name/青海省环境监测中心站">青海省环境监测中心站</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="/data/organization/name/青海省草原总站">青海省草原总站</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="/data/organization/name/青海省水土保持局">青海省水土保持局</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="/data/organization/name/青海省林业调查规划院">青海省林业调查规划院</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="/data/organization/name/青海省水文水资源局">青海省水文水资源局</a></h4>
            <div class="data-block" style="background-position:0px -300px;">
            	
            </div>
   		</div>
    </div>
</div>