Web前端基礎（09）
Bootstrap
目前比較流行的前端框架,基于html/css/javascript/jQuery, 由Twitter公司研發, 框架作用:提高前端頁面的開發效率.
如何創建bootstrap頁面
1.下載框架文件（也可從Bootstrap官網下載）
Bootstrap V3.3.7 Starter ZIP
下載并解壓出template和bootstrap3兩個文件夾 放到工程中
2.復制template文件夾中的starter.html 粘貼到需要創建頁面的地方,改名字即可
按鈕相關 參考文檔及02第一個boot頁面.html
字體圖標 參考文檔及03字體圖標.html
導航組件 參考文檔及04導航組件.html
響應式布局
根據不同的設備顯示不同的樣式及頁面結構
有哪些設備:
手機
pad平板
桌面顯示器
大顯示器(高分辨率或電視)
媒體查詢:是Bootstrap框架中實現響應式布局的實現方式.
練習:
1.第一個boot頁面
div1
div2
按鈕種類
按鈕1按鈕樣式
按鈕尺寸
4.綜合小練習
左對齊加粗
中間對齊斜體
右對齊小字
6.柵格系統
占6列
占6列
占4列
占4列
占4列
占6
占6
占10列
占2列
占1列
占2列
占1列
占2列
占4列
占6列
柵格嵌套
占5中的6/12
占5中的6/12
占7中的4/12
占7中的4/12
占7中的4/12
7.響應式柵格系統
劉德華
劉德華
劉德華
劉德華
張學友
張學友
張學友
張學友
張學友
張學友
張學友
張學友
未完待續，，，
web前端
版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。
版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。
相關文章