基于基础框架的HTML/CSS响应导航
我试图复制下面的codepen导航栏,尽管我在左侧有一个简单的徽标,在右侧有两个链接。使用的框架是Zurb基金会: 到目前为止,我似乎还不能让菜单响应。当我使用大窗口时,移动菜单保持不变,不会像笔中那样切换。你知道如何复制这个吗 模板:基于基础框架的HTML/CSS响应导航,html,css,zurb-foundation,zurb-foundation-6,Html,Css,Zurb Foundation,Zurb Foundation 6,我试图复制下面的codepen导航栏,尽管我在左侧有一个简单的徽标,在右侧有两个链接。使用的框架是Zurb基金会: 到目前为止,我似乎还不能让菜单响应。当我使用大窗口时,移动菜单保持不变,不会像笔中那样切换。你知道如何复制这个吗 模板: <div class="title-bar" data-responsive-toggle="navbar" data-hide-for="medium"> <button class="menu-icon" type="button"
<div class="title-bar" data-responsive-toggle="navbar" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle="navbar"></button>
<div class="title-bar-title">Menu</div>
</div>
<div class="top-bar" id="navbar">
<div class="top-bar-left">
<ul class="menu">
<li class="menu-text">
<a href="http://www.hanyu.co/default.aspx"><img id="logo" src="./assets/img/logo4white.png" alt="logo">HANYU.CO</a>
</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu">
<li id="home"><router-link class="link align-left" to="/">Home</router-link></li>
<li id="logout" v-if="this.$cookies.get('user')" @click="logout"><a>Logout</a></li>
</ul>
</div>
</div>
菜单
-
主页
提前谢谢 我意识到我没有调用
$(document.foundation()。哎呀