2017-04-08 4 views
0

Ich habe die neueste Foundation-Version und ich folge diesem Tutorial. https://www.youtube.com/watch?v=RK_k__4Y4TU Ich versuche, ein Menü zu bekommen, aber es gibt nichts auf meiner Website. Es ist nur leer.Menü nicht mit Foundation

<!doctype html> 
<html class="no-js" lang="en" dir="ltr"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="x-ua-compatible" content="ie=edge"> 
    <meta name="viewport" content="width=device-width, initial- 
    scale=1.0"> 
    <title>Foundation for Sites</title> 
    <link rel="stylesheet" href="css/foundation.css"> 
    <link rel="stylesheet" href="css/app.css"> 
    </head> 
    <body> 

    <div class="off-canvas position-left" id="offCanvas" data-off-canvas> 
     <ul class="menu vertical"> 
      <li><a href="#" target="_blank">Links</a></li> 
      <li><a href="#" target="_blank">Links</a></li> 
     </ul> 
    </div> 

    <div class="off-canvas-content" data-off-canvas-content></div> 

    <script src="js/vendor/jquery.js"></script> 
    <script src="js/vendor/what-input.js"></script> 
    <script src="js/vendor/foundation.js"></script> 
    <script src="js/app.js"></script> 
    </body> 
</html> 
+1

Schwer zu sagen, nur mit Blick auf Ihre HTML, sind Sie sicher, dass die CSS richtig geladen ist? – scarsam

Antwort

0

habe ich versucht, den Code und einzige Fehler ist, dass Sie off-canvas insted off-canvas-wrap geschrieben haben.
Keine Klasse existiert mit dem Namen off-canvas.
<div class="off-canvas-wrap position-left" id="offCanvas" data-off-canvas>

Verwandte Themen