Foundation5

Foundation 用於開發響應式的 HTML, CSS and JavaScript 框架。

Foundation 是一個易用、強大而且靈活的框架,用於構建基於任何設備上的 Web 應用。

Foundation 是一個以移動優先的流行框架。

在線實例

你可以直接使用我們的在線編輯器，並點擊"提交運行"按鈕查看結果：

Foundation 實例

<divclass="row"><divclass="medium-12 columns"><divclass="panel"><h1>Foundation 頁面</h1><p>重置窗口大小，查看效果！</p><buttontype="button"class="button small">我是按鈕!</button></div></div></div><divclass="row"><divclass="medium-4 columns"><h3></h3><p>學的不僅是技術，更是夢想！！！</p></div><divclass="medium-4 columns"><h3></h3><p>學的不僅是技術，更是夢想！！！</p></div><divclass="medium-4 columns"><h3></h3><p>學的不僅是技術，更是夢想！！！</p></div></div>

Foundation 特性

以下效果為在 iframe 標籤中的演示，可以點擊"嘗試一下"查看在線實例：

按鈕

嘗試一下 ?

表格:

嘗試一下 ?

圖片彈窗:

嘗試一下 ?

警告:

嘗試一下 ?

網格:

嘗試一下 ?

進度條:

嘗試一下 ?

面板:

嘗試一下 ?

下拉菜單:

嘗試一下 ?

手風琴效果:

嘗試一下 ?

頂部導航:

嘗試一下 ?

模態框:

嘗試一下 ?

開關:

嘗試一下 ?

滑塊:

嘗試一下 ?

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！