基础菜单在CodeIgniter中不起作用

时间:2014-04-21 16:47:10

标签: php css codeigniter zurb-foundation

我是基础框架的新手,我试图将基础与CodeIgniter集成。一切正常但菜单部分无效。似乎风格没有影响菜单。我工作了2-3天,请帮我解决这个问题。

 <!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="<?php echo base_url().'public/lib/found/'; ?      >
 css/foundation.css" />
<script src="<?php echo base_url().'public/lib/found/'; ?>js/vendor/
 modernizr.js">         </script>
<style>
.columns
{
    border:1px solid red;
}
</style>
</head>
 <body>

   <div class="row">
  <nav class="top-bar" data-topbar>
  <ul class="title-area">
  <li class="name">
  <h1><a href="#">My Site</a></h1>
  </li>
  <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
  </ul>

   <section class="top-bar-section">
   <!-- Right Nav Section -->
   <ul class="right">
   <li class="active"><a href="#">Right Button Active</a></li>
  <li class="has-dropdown">
    <a href="#">Right Button Dropdown</a>
    <ul class="dropdown">
      <li><a href="#">First link in dropdown</a></li>
    </ul>
  </li>
</ul>

<!-- Left Nav Section -->
<ul class="left">
  <li><a href="#">Left Nav Button</a></li>
</ul>
 </section>
</nav>
</div>

<div class="row">
<div class="large-4 columns"><br/><br/></div>
<div class="large-8 columns"><br/><br/></div>
</div>


<script src="<?php echo base_url().'public/lib/found/'; ?>js/vendor/
jquery.js">    </script>
<script src="<?php echo base_url().'public/lib/found/'; ?>js/
 foundation.min.js"></script>
<script>
  $(document).foundation();

  </script>
  </body>
 </html>

1 个答案:

答案 0 :(得分:0)

我发现了问题。我只添加了我在html页面中包含的文件,如modernizr.js,foundation.min.js,foundation.css ..etc。但当我将整个基础文件夹添加到我的新应用程序时,它的工作原