实现自动缩放菜单

application/default/views/scripts/header.phtml

@@ -3,7 +3,14 @@
   
   <div class="navbar">
     <div class="navbar-inner">
-      <div class="container">
+      <div class="container">
+         <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="brand" href="/">WestDC</a>
+          <div class="nav-collapse collapse">
         <ul class="nav" id="mainmenu">
           <li id="main-nav-index"><a href="/"><span>首页</span></a></li>
           <li id="main-nav-data"><a href="/data"><span>数据产品与服务</span></a></li>
@@ -12,7 +19,8 @@
           <li id="main-nav-knowledge"><a href="/knowledge"><span>知识积累</span></a></li>
           <li><a href="/archives"><span>新闻动态</span></a></li>
           <li><a href="/about"><span>关于本站</span></a></li>
-        </ul>
+        </ul>
+        
         <p class="navbar-text pull-right">
           	<?php
                     $auth = Zend_Auth::getInstance();
@@ -23,9 +31,10 @@
                         if ($user->usertype=="administrator") echo '<a href="/admin"><i class="icon-cog"></i>后台管理</a> ';
                         echo '<a href="/data/order"><i class="icon-shopping-cart"></i>数据篮</a> <a href="/account/logout">注销</a>'; 
              } else { 
-                  echo '<a href="/account/login">登录</a> <a href="/account/register">注册</a>';
+                  echo '<a href="/account/login"><i class="icon-user"></i>登录</a> <a href="/account/register">注册</a>';
              } ?>
-            </p>
+            </p>
+            </div>
       </div>
     </div>
   </div><!-- /.navbar -->