Foundation 5 基础教程

Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架

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">
    ### 简单教程
    <p>简单教程,简单编程</p>
  </div>
  <div class="medium-4 columns">
    ### 简单教程
    <p>简单教程,简单编程</p>
  </div>
  <div class="medium-4 columns">
    ### 简单教程
    <p>简单教程,简单编程</p>
  </div>
</div>

运行范例 »

点击 "运行范例" 按钮查看在线范例

Foundation 特性

我们通过 iframe 标签贴出了一些简单的 Foundation 范例

你可以点击 "运行范例" 查看详情

按钮

运行范例 »

表格

运行范例 »

图片弹窗

运行范例 »

警告

运行范例 »

网格

运行范例 »

进度条

运行范例 »

面板

运行范例 »

下拉菜单

运行范例 »

手风琴效果

运行范例 »

顶部导航

运行范例 »

模态框

运行范例 »

开关

运行范例 »

滑块

运行范例 »

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.