基于Bootstrap技術的移動端Web開發研究

徐曉

(無錫機電高等職業技術學校，無錫 214028)

0 引言

隨著國內的互聯網業務迅速發展，和Android和iPhone等智能手機日益普及，促使移動端Web開發得到充分的發揮。移動平臺的開發應用是近年來的熱門，隨著不斷發展的瀏覽器和移動設備種類的增多，如何高效、快捷地基于移動平臺的Web開發就成了問題。HTML5和CSS3是移動互聯網最前沿的Web技術，采用HTML5和CSS3技術的響應式網頁設計，可以使網站兼容多種設備和屏幕。Web開發人員經常借助于第三方框架的特征。Bootstrap就是這樣一個方便快捷、流行和開放源代碼的框架。使用Bootstrap框架可以在開發響應式網站的時候，不必因為CSS有太多煩惱。Bootstrap提供了一個豐富的CSS框架，當然，如果有需要也可以自行定義。添加常見的Web頁面元素，比如導航菜單、按鈕、form表單元素和排版都會變得非常容易。作為Web前端開發框架，Bootstrap的流行趨勢很容易理解。它為大多數標準的UI界面設計提供了用戶友好、跨瀏覽器的解決方案，它現成可用而且HTML標記、CSS樣式及JavaScript行為的組合，極大地提高了Web前端的開發效率。本文主要研究基于Bootstrap技術的移動端Web開發。

1 HTML5、CSS3、JavaScript、Jquery簡介

1.1 HTML5簡介

HTML5的發展愈來愈邁向成熟穩定，很多的移動端開發已經逐漸走進大家平常生活中了，HTML5的技術已經完美取代了以往傳統網站上的互動Flash。HTML5是新一代的HTML標準，它不僅擁有HTML中所有的特性，而且添加了很多實用的特性，如視頻、音頻、畫布(canvas)等。根據W3C的發言稿稱：“HTML5是開放的Web網絡平臺的奠基石。”

1.2 CSS3簡介

CSS3是CSS的加強升級版。以前的規范作為一個模塊實在是太龐大、復雜，所以加以改進的方法是將它分解為一些小的模塊，把更多新的模塊也加入進來，融合成一個新的簡單又不冗余的模塊。……