zurb-foundation ट्यूटोरियल
ज़र्ब-फ़ाउंडेशन के साथ शुरुआत करना
खोज…
टिप्पणियों
यह खंड क्या ज़र्ब-फ़ाउंडेशन का अवलोकन प्रदान करता है और एक डेवलपर इसका उपयोग क्यों करना चाहता है।
यह ज़र्ब-फाउंडेशन के भीतर किसी भी बड़े विषयों का उल्लेख करना चाहिए, और संबंधित विषयों के लिए लिंक करना चाहिए। चूंकि ज़र्ब-फाउंडेशन के लिए दस्तावेज़ीकरण नया है, इसलिए आपको उन संबंधित विषयों के प्रारंभिक संस्करण बनाने की आवश्यकता हो सकती है।
स्थापना या सेटअप
डाउनलोड कर रहा है:
आप फाउंडेशन डाउनलोड पेज से फाउंडेशन डाउनलोड कर सकते हैं
या बोवर का उपयोग करके इसे स्थापित करें
bower install foundation-sites
या एन.पी.एम.
npm install foundation-sites
आप 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>
स्थापित कर रहा है:
अपने HTML पृष्ठ के भीतर, फाउंडेशन का CSS, JS और jQuery की निर्भरता शामिल करें।
आप या तो स्थानीय रूप से डाउनलोड सीएसएस और जावास्क्रिप्ट को शामिल कर सकते हैं या सीडीएन का उपयोग कर सकते हैं।
एक बुनियादी नींव दस्तावेज इस तरह दिखता है:
<!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>