響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)的主流形式，響應(yīng)式主要是指網(wǎng)頁(yè)在頁(yè)面加載顯示及客戶端設(shè)備、瀏覽器窗口尺寸改變時(shí)，自動(dòng)改變網(wǎng)頁(yè)布局及內(nèi)容顯示模式使之更加符合是被尺寸要求，實(shí)現(xiàn)頁(yè)面的完美顯示。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)所遵循的 條設(shè)計(jì)原則為：移動(dòng)優(yōu)先的設(shè)計(jì)原則 。框架技術(shù)應(yīng)用是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)商業(yè)化應(yīng)用開(kāi)發(fā)的 ，本文主要對(duì)部分國(guó)內(nèi)外主流響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)框架進(jìn)行說(shuō)明。

1、BootStrap框架技術(shù)
BootStrap是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì) 框架技術(shù)，也是目前世界范圍內(nèi)應(yīng)用最為廣泛的前端響應(yīng)式網(wǎng)頁(yè)架構(gòu)技術(shù)。BootStrap是由Twitter開(kāi)發(fā)人員于2011年創(chuàng)建并發(fā)布，主要包括CSS、HTML和JavaScript組件。該框架遵循網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)，適應(yīng)于各類型響應(yīng)式網(wǎng)站的開(kāi)發(fā)。

2、Bulma CSS框架技術(shù)
Bulma框架技術(shù)也是目前較為流程的前端響應(yīng)式框架技術(shù)之一，目前已經(jīng)有超過(guò)150，000開(kāi)發(fā)人員使用Bulma框架技術(shù)進(jìn)行響應(yīng)式網(wǎng)頁(yè)的設(shè)計(jì)與開(kāi)發(fā)。Bulma是基于Flexbox的開(kāi)源、免費(fèi)CSS架構(gòu)。Bulma作為一個(gè)簡(jiǎn)單，優(yōu)雅，現(xiàn)代輕量化的CSS框架深受網(wǎng)站開(kāi)發(fā)人員喜愛(ài)。

3、UIKIT框架技術(shù)
UIkit是一個(gè)輕量級(jí)前端模塊化響應(yīng)式架構(gòu)框架，也是當(dāng)前比較流行的前端框架之一，用于實(shí)現(xiàn)快速響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)。UIkit主要包括LESS和Sass CSS預(yù)處理器。UIKit擁有一系列具有一致命名約定的靈活響應(yīng)組件，可以組合30多個(gè)可擴(kuò)展的模塊化組件，以實(shí)現(xiàn)更多功能。

4、Foundation框架技術(shù)

Foundation是Zurb公司開(kāi)發(fā)的非常先進(jìn)的企業(yè)級(jí)前端開(kāi)發(fā)框架，具有較高的開(kāi)發(fā)靈活性、符合網(wǎng)頁(yè)響應(yīng)式開(kāi)發(fā)要求。通過(guò)使用Foundation框架前端開(kāi)發(fā)人員可以快速設(shè)計(jì)、開(kāi)發(fā)各類響應(yīng)式網(wǎng)站。

5、Skeleton開(kāi)發(fā)工具包
Skeleton本身不是完整大的前端UI框架，它只是一個(gè)前端開(kāi)發(fā)的工具包，通過(guò)為用戶提供基本的樣式，允許用戶開(kāi)發(fā)符合各類尺寸的響應(yīng)式網(wǎng)站。Skeleton開(kāi)發(fā)工具包支持用戶設(shè)計(jì)及樣式開(kāi)發(fā)。