Foundation 提供了响应式的图片，可以创建缩略图和图片弹窗： 尝试一下 » 缩略图 在 <img> 元素外添加 <a> 元素将图片作为一个锚链接。 在 <a> 标签中添加 .th 类将图片设

Foundation 可以很简单的创建一个提醒框： 提醒框可以使用 .alert-box 类创建, 可以添加可选的类： .secondary, .success, .info, .warning 或 .alert: 实例

模态框是一个显示在页面头部的弹窗。 我们可以在容器元素上(如 <div id="myModal")使用唯一 ID，并添加 .reveal-modal 类和 data-reveal 属性来添加模态框。我们可以在任何元素上使用 data

Foundation 的 <table> 元素样式为灰色斑马条纹且包含四个边框： 实例 <table>  <thead>    <tr>&nb

.label 类用于提供一些附加信息: 实例 <h2>Example <span class="label">New</span></h2><h3>Example <

Joyride 是一个功能向导的 JavaScript 效果，创建实例如下： 实例 <!-- Elements that control the tour stops --><h3 id="first">F

按钮组 Foundation 可以在同一行内创建一系列的按钮。 可以使用 <ul> 元素并添加 .button-group 类来创建按钮组： 实例 <ul class="button-group">&nb

在 HTML 中，无序列表 (<ul>) 实例如下: <ul>  <li>List item</li>  <li>List item</li&gt