Foundation5 教程
Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。
Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。
Foundation 是一个以移动优先的流行框架。
在线实例
菜鸟教程包含了上百个 Foundation 实例。
你可以直接使用我们的在线编辑器，并点击"提交运行"按钮查看结果：
Foundation 实例
<div class="row">
<div class="medium-12 columns">
<div class="panel">
<h1>Foundation 页面</h1>
<p>重置窗口大小，查看效果！</p>
<button type="button" class="button small">我是按钮!</button>
</div>
</div>
</div>
<div class="row">
<div class="medium-4 columns">
<h3>菜鸟教程</h3>
<p>学的不仅是技术，更是梦想！！！</p>
</div>
<div class="medium-4 columns">
<h3>菜鸟教程</h3>
<p>学的不仅是技术，更是梦想！！！</p>
</div>
<div class="medium-4 columns">
<h3>菜鸟教程</h3>
<p>学的不仅是技术，更是梦想！！！</p>
</div>
</div>
点击""按钮查看在线实例。Foundation 特性以下效果为在 iframe 标签中的演示，可以点击""查看在线实例：按钮
表格:
图片弹窗:
警告:
网格:
进度条:
面板:
下拉菜单:
手风琴效果:
顶部导航:
模态框:
开关:
滑块:
王皓
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat王皓
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat王皓
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat