Foundation5

Foundation 用于開發(fā)響應(yīng)式的 HTML, CSS and JavaScript 框架.

Foundation 是一個(gè)易用、強(qiáng)大并且靈活的框架,用于構(gòu)建基于任何設(shè)備上的 Web 應(yīng)用.

Foundation 是一個(gè)以移動(dòng)優(yōu)先的流行框架.

在線實(shí)例

你可以直接使用我們的在線編纂器,并點(diǎn)擊"提交運(yùn)行"按鈕查看結(jié)果：

Foundation 實(shí)例

<divclass="row"><divclass="medium-12 columns"><divclass="panel"><h1>Foundation 頁(yè)面</h1><p>重置窗口大小,查看效果!</p><buttontype="button"class="button small">我是按鈕!</button></div></div></div><divclass="row"><divclass="medium-4 columns"><h3></h3><p>學(xué)的不僅是技術(shù),更是夢(mèng)想!!!</p></div><divclass="medium-4 columns"><h3></h3><p>學(xué)的不僅是技術(shù),更是夢(mèng)想!!!</p></div><divclass="medium-4 columns"><h3></h3><p>學(xué)的不僅是技術(shù),更是夢(mèng)想!!!</p></div></div>

Foundation 特性

以下效果為在 iframe 標(biāo)簽中的演示,可以點(diǎn)擊"測(cè)驗(yàn)考試一下"查看在線實(shí)例：

按鈕

測(cè)驗(yàn)考試一下 ?

表格:

測(cè)驗(yàn)考試一下 ?

圖片彈窗:

測(cè)驗(yàn)考試一下 ?

警告:

測(cè)驗(yàn)考試一下 ?

網(wǎng)格:

測(cè)驗(yàn)考試一下 ?

進(jìn)度條:

測(cè)驗(yàn)考試一下 ?

面板:

測(cè)驗(yàn)考試一下 ?

下拉菜單:

測(cè)驗(yàn)考試一下 ?

手風(fēng)琴效果:

測(cè)驗(yàn)考試一下 ?

頂部導(dǎo)航:

測(cè)驗(yàn)考試一下 ?

模態(tài)框:

測(cè)驗(yàn)考試一下 ?

開關(guān):

測(cè)驗(yàn)考試一下 ?

滑塊:

測(cè)驗(yàn)考試一下 ?