zurb-foundation Tutoriel
Démarrer avec zurb-foundation
Recherche…
Remarques
Cette section fournit une vue d'ensemble de ce qu'est zurb-foundation et pourquoi un développeur peut vouloir l'utiliser.
Il convient également de mentionner tous les grands sujets au sein de zurb-foundation et d'établir un lien avec les sujets connexes. La documentation de zurb-foundation étant nouvelle, vous devrez peut-être créer des versions initiales de ces rubriques connexes.
Installation ou configuration
Téléchargement:
Vous pouvez télécharger la page de téléchargement Foundation from Foundation
Ou installez-le en utilisant bower
bower install foundation-sites
ou npm
npm install foundation-sites
Vous pouvez également inclure la fondation dans vos pages Web en utilisant 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, JS et la dépendance de jQuery de Foundation.
Vous pouvez soit inclure le téléchargement local css et javascript ou 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>