zurb-foundation Tutorial
Erste Schritte mit zurb-Stiftung
Suche…
Bemerkungen
In diesem Abschnitt erhalten Sie einen Überblick darüber, was zurb-foundation ist und warum ein Entwickler sie verwenden möchte.
Es sollte auch alle großen Themen in der zurb-Stiftung erwähnen und auf die verwandten Themen verweisen. Da die Dokumentation zur zurb-foundation neu ist, müssen Sie möglicherweise erste Versionen dieser verwandten Themen erstellen.
Installation oder Setup
Wird heruntergeladen:
Sie können Foundation von der Foundation-Download-Seite herunterladen
Oder installieren Sie es mit einer Laube
bower install foundation-sites
oder npm
npm install foundation-sites
Sie können auch eine Foundation in Ihre Webseiten einbinden
<!-- 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:
Enthalten Sie auf Ihrer HTML-Seite die CSS, JS und die Abhängigkeit von jQuery von Foundation.
Sie können entweder die lokal herunterladbare CSS und das Javascript hinzufügen oder eine CD verwenden.
Ein grundlegendes Basisdokument sieht folgendermaßen aus:
<!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>