Foundation 中文手冊

《foundation開發手冊》是foundation官方最新的線上參考手冊。 foundation是一個免費的前端框架。在本foundation文件中，您將會學習使用foundation建立響應式網頁。

Foundation 用於開發響應式的 HTML, CSS and JavaScript 框架。 Foundation 是一個易用、強大且靈活的框架,用於構建基於任何設備上的 Web 應用。 Foundation 是一個以行動優先的流行框架。

Foundation是國外最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式佈局、行動裝置優先的 WEB 專案。

提示：在您開始學習Foundation之前，您應該先對HTML、CSS 、JavaScript 知識有基本的了解。

Foundation是一款開源的前端框架，我們可以用它快速建立頁面原型。相較於其他同類型工具，Foundation的行動化方案更加出色；借鑒響應式web設計的思路和方法，Foundation對內容結構在不同類型設備中的呈現方式進行了相應的預設。

下面讓我們感受下第一個Foundation實例！

第一個Foundation實例

<div class="row">
  <div class="medium-12 columns">
    <div class="panel">
      <h1>Foundation Page</h1>
      <p>Resize this responsive page to see the effect!</p>
      <button type="button" class="button small" >I Like It!</button>
    </div>
  </div>
</div>

<div class="row">
  <div class="medium-4 columns">
    <h3>Column 1</h3>
    <p>Lorem ipsum..</p>
  </div>
  <div class="medium-4 columns">
    <h3>Column 2</h3>
    <p>Lorem ipsum..</p>
  </div>
  <div class="medium-4 columns">
    <h3>Column 3</h3>
    <p>Lorem ipsum..</p>
  </div>
</div>

提示：我們的Foundation教學將幫助您學習從初級到高級的Foundation知識。如果你有任何疑問，請前往PHP中文網Foundation社群提出你的問題，會有熱心網友為你解答。

Foundation讓前端開發更快速、更簡單。所有開發者、設計人員都能快速上手、所有設備都可以適應、所有專案都適用。

• 響應式網站

Foundation 可以幫助你快速建立響應式網站，它為你提供了大量的HTML、CSS和JavaScript元件和功能;你也可以針對不同項目自訂擴充功能。

• 電子郵件

電子郵件框架可以存取任何第三方郵件平台，可以幫助你更快速的建立回應性的HTML郵件。

本Foundation教學手冊涵蓋的內容

本Foundation教學涵蓋所有Foundation基礎和進階知識，包含了Foundation文字、Foundation表格、Foundation按鈕、Foundation圖示、Foundation標籤、Foundation面板、 Foundation表單、Foundation模態框等等知識介紹。

提示：本教學的每一章都包含了許多Foundation實例，您可以直接點擊 "執行實例" 按鈕線上查看結果。這些例子將幫助您更好地理解和運用Foundation。