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/help/platform" class="pull-right"><i class="icon-book"></i>帮助</a><a href="/archives"><i class="icon-calendar"></i>新闻</a></h4>
    <ul class="news-list">
    <?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'] ?>"><?= $v['title'] ?></a></li>
	<?php } ?>
    </ul>
  </div>
</div>

<!-- 数据 -->
<div class="row">
	<div class="span4 data-unit">
    	<div class="well well-small">
        	<h4>青海省生态环境遥感监测中心</h4>
            <div class="data-list">
            	<ul class="unstyled">
            		<li><a href="">青海三江源区2012年度土地利用数据集</a></li>
                	<li><a href="">青海三江源区重点生态工程区域草地监测数据集(2013年)</a></li>
                    <li><a href="">青海三江源重点区域草地生态监测数据集</a></li>
                </ul>
            </div>
   		</div>
    </div>
    <div class="span4 data-unit">
    	<div class="well well-small">
        	<h4>青海省环境监测中心站</h4>
            <div class="data-block" style=" background-position:top left;">
            	
            </div>
   		</div>
    </div>
    <div class="span4 data-unit">
    	<div class="well well-small">
        	<h4>青海省草原总站</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>青海省气象科学研究所</h4>
            <div class="data-block"  style=" background-position:0px -200px;">
            	
            </div>
   		</div>
    </div>
    <div class="span4 data-unit">
    	<div class="well well-small">
        	<h4>青海省林业调查规划院</h4>
            <div class="data-block"  style="background-position:0px -500px;">
            	
            </div>
   		</div>
    </div>
    <div class="span4 data-unit">
    	<div class="well well-small">
        	<h4>青海省水文水资源局</h4>
            <div class="data-block" style="background-position:0px -300px;">
            	
            </div>
   		</div>
    </div>
</div>

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