foundation

Foundation은 세계에서 가장 발전된 반응형 프론트엔드 프레임워크 중 하나입니다. 이 라이브러리는 웹사이트 및 앱 디자인을 위해 유연하고 사용하기 쉬운 HTML, CSS, JavaScript 컴포넌트를 제공합니다.

Latest Ver 6.9.0

Homepage

Github

29,754

📢 Foundation은 반응형 디자인을 쉽게 구현할 수 있도록 돕는 프론트엔드 프레임워크입니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/foundation.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/foundation.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.abide.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.abide.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordion.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordion.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordionMenu.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordionMenu.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.core.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.core.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.drilldown.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.drilldown.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdown.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdown.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdownMenu.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdownMenu.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.equalizer.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.equalizer.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.interchange.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.interchange.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.magellan.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.magellan.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.offcanvas.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.offcanvas.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.orbit.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.orbit.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveAccordionTabs.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveAccordionTabs.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveMenu.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveMenu.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveToggle.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveToggle.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.reveal.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.reveal.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.slider.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.slider.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.smoothScroll.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.smoothScroll.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.sticky.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.sticky.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tabs.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tabs.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.toggler.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.toggler.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tooltip.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tooltip.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.box.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.box.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.imageLoader.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.imageLoader.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.keyboard.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.keyboard.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.mediaQuery.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.mediaQuery.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.motion.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.motion.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.nest.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.nest.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.timer.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.timer.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.touch.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.touch.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.triggers.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.triggers.min.js

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-float.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-float.min.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-prototype.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-prototype.min.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-rtl.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-rtl.min.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation.min.css

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-float.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-float.min.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-prototype.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-prototype.min.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-rtl.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation-rtl.min.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/css/foundation.min.css.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/foundation.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/foundation.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.abide.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.abide.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordion.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordion.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordionMenu.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.accordionMenu.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.core.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.core.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.drilldown.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.drilldown.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdown.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdown.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdownMenu.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.dropdownMenu.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.equalizer.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.equalizer.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.interchange.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.interchange.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.magellan.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.magellan.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.offcanvas.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.offcanvas.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.orbit.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.orbit.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveAccordionTabs.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveAccordionTabs.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveMenu.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveMenu.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveToggle.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.responsiveToggle.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.reveal.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.reveal.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.slider.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.slider.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.smoothScroll.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.smoothScroll.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.sticky.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.sticky.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tabs.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tabs.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.toggler.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.toggler.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tooltip.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.tooltip.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.box.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.box.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.imageLoader.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.imageLoader.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.keyboard.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.keyboard.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.mediaQuery.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.mediaQuery.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.motion.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.motion.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.nest.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.nest.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.timer.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.timer.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.touch.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.touch.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.triggers.js.map

https://cdnjs.cloudflare.com/ajax/libs/foundation/6.9.0/js/plugins/foundation.util.triggers.min.js.map

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<div class="grid-container">
<div class="grid-x grid-margin-x">
<div class="cell small-6">Half Width</div>
<div class="cell small-6">Half Width</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/Foundation/6.5.1/js/foundation.min.js"></script>
<script>
    $(document).foundation();
  </script>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/Foundation/6.5.1/css/foundation.min.css" rel="stylesheet">

🧩 External JS
<script src="https://cdnjs.cloudflare.com/Foundation/6.5.1/js/foundation.min.js"></script>

⚙️ JavaScript
$(document).foundation();