Foundation5 教程

Foundation 用于开辟呼应式的 HTML, CSS and JavaScript 框架。

Foundation 是一个易用、壮大并且矫捷的框架,用于构建基于任何装备上的 Web 利用。

Foundation 是一个以挪动优先的风行框架。


在线实例

【WEB手艺大学】教程包罗了上百个 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>【WEB手艺大学】教程h3> <p>学的不只是手艺,更是胡想!!!p> div> <div class="medium-4 columns"> <h3>【WEB手艺大学】教程h3> <p>学的不只是手艺,更是胡想!!!p> div> <div class="medium-4 columns"> <h3>【WEB手艺大学】教程h3> <p>学的不只是手艺,更是胡想!!!p> div> div>

亲身尝尝

点击"亲身尝尝"按钮检查在线实例。


Foundation 特征

以下结果为在 iframe 标签中的演示,能够点击"亲身尝尝"检查在线实例:

按钮

亲身尝尝


表格:

亲身尝尝


图片弹窗:

亲身尝尝


正告:

亲身尝尝



网格:

亲身尝尝


进度条:

亲身尝尝


面板:

亲身尝尝


下拉菜单:

亲身尝尝


手风琴结果:

亲身尝尝


顶部导航:

亲身尝尝


模态框:

亲身尝尝


开关:

亲身尝尝


滑块:

亲身尝尝