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

按鈕

嘗試一下 ?


表格:

嘗試一下 ?


圖片彈窗:

嘗試一下 ?


警告:

嘗試一下 ?



網格:

嘗試一下 ?


進度條:

嘗試一下 ?


面板:

嘗試一下 ?


下拉菜單:

嘗試一下 ?


手風琴所有人都后退了數步效果:

嘗試一下 ?


頂部導航:

嘗試一下 ?


模態框:

嘗試一下 ?


開關:

嘗試一下 ?


滑塊:

嘗試一下 ?