bootstrap學習筆記之css樣式設計(1)_javascript技巧

《bootstrap學習筆記之css樣式設計(1)_javascript技巧》由會員上傳分享，免費在線閱讀，更多相關內容在工程資料-天天文庫。

1、Bootstrap學習筆記之css樣式設計（1）由于項目需要，所以打算好好學習下bootstrap框架，Z前了解一點，框架總體不難，但涉及到的東西還是很多，想要熟練掌握它，還是耍多練練?！?、bootstrap是什么？bs是什么？即前端頁面搭建的標準化框架工貝，已經寫好了css.js樣式，只需要拿來用即可。怎么用bs呢？主要是通過使用不同的類增加效果，每一種類，對應的功能不同。bs好處：增加了開發(fā)效率，頁面設計更加美觀，支持響應式開發(fā)。下載地址：https://github.com/foreverji

2、angting/bootstrap學習文檔:http://v3?bootcss?com/gctting-startcd/二、css樣式設計1?基于Html文檔bootstrap引用了部分html元素，所以頭部需寫成下面所示的樣列。---包含HTML5文檔聲明，所有瀏覽器均開啟標準模式

3、wport"content二"width二device-width,initial-scale=rz>Bootstrap[/code][code]

4、Bootstrap主題文件（一般不用引入）--Xlinkrel二〃stylesheet"href=/z//cdn.bootcss.com/boo1strap/3.3.5/css/bootstrap-theme?min.css">〈/script>〈!一一最新的Bootstrap核心JavaScript文件--Xs

5、criptsre二〃//cdn.bootcss.com/bootstr、ap/3.3.5/js/bootstrap.min.js，，X/script>Hello,world!2.柵格系統(tǒng)布局通過設置彳亍和列來進彳亍內容的布局。bootstrap把頁面設置為12列。通過改變列的數字來進行布局，比如設置三個等寬的列：

6、>〈linkhref=，/css/bootstrap.css"rel二〃stylesheet"〉

7、/zrel二〃stylesheet"〉〈/script>

8、class=，，row/z>--col-xs-4:指小于768px的小設備ll〈/div>--col-sm-4:指>=768px的設備22〈/div>--col-md-4:指>=992px設備33〈/div>--col-lg-4:值1200px設備