Démarrer avec zurb-foundation

Installation ou configuration

Téléchargement:

Vous pouvez télécharger Foundation à partir de la [page de téléchargement de Foundation][1]

Ou installez-le à l’aide de bower

bower install foundation-sites

ou npm

npm install foundation-sites 

Vous pouvez également inclure la fondation dans vos pages Web à l’aide d’un cdn

<!-- Compressed CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css" integrity="sha256-itWEYdFWzZPBG78bJOOiQIn06QCgN/F0wMDcC4nOhxY=" crossorigin="anonymous" />

<!-- Compressed JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/js/foundation.min.js" integrity="sha256-Nd2xznOkrE9HkrAMi4xWy/hXkQraXioBg9iYsBrcFrs=" crossorigin="anonymous"></script>

Installation :

Dans votre page HTML, incluez le CSS, le JS et la dépendance de jQuery de Foundation.

Vous pouvez soit inclure le css et le javascript téléchargés localement, soit utiliser un cdn.

Un document de base de base ressemble à ceci :

<!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>Your page title </title>
    <link rel="stylesheet" href="css/foundation.css">
    <link rel="stylesheet" href="css/app.css">
  </head>
  <body>





    <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] : http://foundation.zurb.com/sites/download.html