Foundation 5 文本（Typography）
Foundation 5 提供了丰富的排版（Typography）工具，包括标题、段落、内联文本元素、对齐方式等。默认样式基于 Sass 变量，可自定义，但开箱即用非常美观。
1. 基本文本元素
- 标题（Headings）：直接使用
<h1>到<h6>，Foundation 会自动应用样式。 - 段落（Paragraphs）：
<p>标签默认有合适行高和边距。 - 引导段落（Lead Paragraph）：用于突出介绍文字，加类
.lead。 - 副标题（Subheader）：加类
.subheader，文字变浅、变轻。
2. 内联文本元素
<small>：小文字（用于副标题等）。.text-left/.text-right/.text-center/.text-justify：文本对齐。- 其他：
<strong>、<em>、<abbr>等标准 HTML 元素均有样式。
3. 代码示例
在你的 HTML 中直接添加以下内容测试：
<div class="row">
<div class="columns">
<h1>一级标题 h1</h1>
<h2 class="subheader">二级标题 .subheader（浅色副标题）</h2>
<p class="lead">这是一个引导段落（.lead），字体更大、更突出，用于页面介绍。</p>
<p>普通段落文字。Foundation 默认提供了良好的行高和可读性。<small>这是 small 小文字。</small></p>
<p class="text-left">左对齐文本（.text-left，默认）</p>
<p class="text-center">居中对齐文本（.text-center）</p>
<p class="text-right">右对齐文本（.text-right）</p>
<p class="text-justify">两端对齐文本（.text-justify），适合长段落。</p>
</div>
</div>4. 其他常用类
.show-for-small-only/.hide-for-medium-up等：响应式显示/隐藏文本（结合 Visibility Classes）。- 无序/有序列表：
<ul>、<ol>默认有样式，加.no-bullet可去除项目符号。
这些样式无需额外 JS，直接在 HTML 类名中添加即可生效。复制以上代码到你的起步模板中运行，就能看到效果！
如果想学列表、块引用或其他组件（如按钮、标签），继续告诉我！
