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 標簽中的演示,可以點擊"測驗考試一下"查看在線實例：

按鈕

測驗考試一下 ?

表格:

測驗考試一下 ?

圖片彈窗:

測驗考試一下 ?

警告:

測驗考試一下 ?

網格:

測驗考試一下 ?

進度條:

測驗考試一下 ?

面板:

測驗考試一下 ?

下拉菜單:

測驗考試一下 ?

手風琴效果:

測驗考試一下 ?

頂部導航:

測驗考試一下 ?

模態框:

測驗考試一下 ?

開關:

測驗考試一下 ?

滑塊:

測驗考試一下 ?