zurb-foundation 튜토리얼
zurb-foundation 시작하기

AngularJS CSS HTML JavaScript jQuery Node.js PHP Ruby on Rails twitter-bootstrap WordPress

비고

이 절에서는 zurb-foundation이 무엇인지, 그리고 개발자가 왜 그것을 사용하고 싶어하는지에 대한 개요를 제공합니다.

또한 zurb-foundation 내의 큰 주제를 언급하고 관련 주제와 연결됩니다. zurb-foundation 용 문서는 새로운 기능이므로 관련 주제의 초기 버전을 만들어야 할 수도 있습니다.

설치 또는 설정

다운로드 중 :

Foundation 다운로드 페이지 에서 Foundation을 다운로드 할 수 있습니다 .

또는 bower를 사용하여 설치하십시오.

bower install foundation-sites

또는 npm

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 페이지에는 Foundation의 CSS, JS 및 jQuery의 종속성이 포함됩니다.

로컬로 다운로드 할 CSS와 자바 스크립트를 포함 시키거나 cdn을 사용할 수 있습니다.

기본 기초 문서는 다음과 같습니다.

<!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>

Modified text is an extract of the original Stack Overflow Documentation

아래 라이선스 CC BY-SA 3.0

와 제휴하지 않음 Stack Overflow