Foundation5 教程

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

創(chuàng)新互聯(lián)是一家專業(yè)的成都網(wǎng)站建設(shè)公司，我們專注成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷、企業(yè)網(wǎng)站建設(shè)，買鏈接，一元廣告為企業(yè)客戶提供一站式建站解決方案，能帶給客戶新的互聯(lián)網(wǎng)理念。從網(wǎng)站結(jié)構(gòu)的規(guī)劃UI設(shè)計到用戶體驗提高，創(chuàng)新互聯(lián)力求做到盡善盡美。

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

Foundation 是一個以移動優(yōu)先的流行框架。

---

在線實例

菜鳥教程包含了上百個 Foundation 實例。

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

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
>
學(xué)的不僅是技術(shù)，更是夢想?。?！
p
>

div
>

<
div

class
=
"
medium-4 columns
"
>

<
h3
>
菜鳥教程
h3
>

<
p
>
學(xué)的不僅是技術(shù)，更是夢想?。?！
p
>

div
>

<
div

class
=
"
medium-4 columns
"
>

<
h3
>
菜鳥教程
h3
>

<
p
>
學(xué)的不僅是技術(shù)，更是夢想?。?！
p
>

div
>

div
>

嘗試一下 ?

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

---

Foundation 特性

以下效果為在 iframe 標(biāo)簽中的演示，可以點擊"嘗試一下"查看在線實例：

按鈕

嘗試一下 ?

表格:

嘗試一下 ?

圖片彈窗:

嘗試一下 ?

警告:

嘗試一下 ?

網(wǎng)格:

嘗試一下 ?

進(jìn)度條:

嘗試一下 ?

面板:

嘗試一下 ?

下拉菜單:

嘗試一下 ?

手風(fēng)琴效果:

嘗試一下 ?

頂部導(dǎo)航:

嘗試一下 ?

模態(tài)框:

嘗試一下 ?

開關(guān):

嘗試一下 ?

滑塊:

嘗試一下 ?

當(dāng)前題目：創(chuàng)新互聯(lián)Foundation教程：Foundation5教程
本文URL：http://www.5511xx.com/article/djjdopo.html