基金會zurb導航欄

我在做正確的粘性導航功能的工作:(問題基金會zurb導航欄

我想要什麼我的導航欄有/做的是在左邊，一個「菜單」功能和標籤「上，將允許某人撥打電話直接向我正確的電話圖標」圖標。

的資產淨值做，我能理解另一件事是隱藏自己的頁面上的第一張照片的背後。

如果任何人都可以幫助它將不勝感激。

<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>ABC</title> 


    <link rel="stylesheet" href="css/foundation.css"> 
    <script src="js/vendor/custom.modernizr.js"></script> 
    <!-- Included JS Files --> 
    <script src="js/foundation/foundation.topbar.js"></script> 

    </head> 
    <body> 
    <!-- START Navigation --> 
    <div class="contain-to-grid sticky"> 
    <nav class="top-bar"> 
    <ul class="title-area"> 
    <!-- Title Area --> 
    <li class="name"></li> 
    <li class="toggle-topbar menu-icon"><a href="#"><span>MENU</span></a></li> 
    <li></li> 
    <li class="toggle-topbar call-icon"><a href="tel:1234567"><img src="img/75-phone.png" width="20" height="20"></a></li>

<!-- Right Nav Section --> 
    <ul class="right"> 
    <li class="divider"></li> 
    <li><a href="#">About</a></li> 
    <li class="divider"></li> 
    <li class="has-dropdown"> <a href="#">Services</a> 
    <ul class="dropdown"> 
     <li class="divider"><a href="#">1</a></li> 
     <li class="divider"><a href="#">2</a></li> 
     <li class="divider"><a href="#">3</a></li> 
     <li class="divider"><a href="#">4</a></li> 
     <li class="divider"><a href="#">5</a></li> 
     <li class="divider"><a href="#">6</a></li> 
     <li class="divider"><a href="#">7</a></li> 
    </ul> 
    </li> 
    <li class="divider"></li> 
    <li><a href="#">Contact</a></li> 
    </ul> 
    </section> 
    </nav> 
    </div> 

    <!-- END Navigation --> 

    <!-- START Mobile logo --> 
    <div class="row"> 
    <div class=" small-12 large-12 columns"><img src="img/landing-page-tiles-logo.jpg"><center><h2></h2></center> 
    <hr /> 
    </div> 
    </div> 
    <!-- END Mobile Logo --> 

    <!-- END main content --> 

    <script> document.write('<script src=' + ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') + '.js><\/script>') </script> 

    <script src="js/foundation.min.js"></script> 


    <script>$(document).foundation(); </script> 
    </body> 
    </html>

來源

2013-08-27 Iain

如果連續顯示這兩段代碼，你的右導航條位於<ul class="title-area">標籤內。關閉此列表以允許您的<ul class="right">列表顯示在其常規位置。

來源

2014-02-04 16:05:14 slaterio

基金會zurb導航欄

回答

相關問題