top
Loading...
Foundation 教程

Foundation5 教程

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

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

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


在線實例

教程包含了上百個 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"> <h3>教程</h3> <p>學的不僅是技術,更是夢想!!!</p> </div> <div class="medium-4 columns"> <h3>教程</h3> <p>學的不僅是技術,更是夢想!!!</p> </div> <div class="medium-4 columns"> <h3>教程</h3> <p>學的不僅是技術,更是夢想!!!</p> </div> </div>

嘗試一下 »

點擊"嘗試一下"按鈕查看在線實例。


Foundation 特性

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

按鈕

嘗試一下 »


表格:

嘗試一下 »


圖片彈窗:

嘗試一下 »


警告:

嘗試一下 »



網格:

嘗試一下 »


進度條:

嘗試一下 »


面板:

嘗試一下 »


下拉菜單:

嘗試一下 »


手風琴傚果:

嘗試一下 »


頂部導航:

嘗試一下 »


模態框:

嘗試一下 »


開關:

嘗試一下 »


滑塊:

嘗試一下 »


北斗有巢氏 有巢氏北斗