歡迎來到天天文庫
瀏覽記錄
ID:30774640
大?。?48.32 KB
頁數:12頁
時間:2019-01-03
《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>
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設備
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設備
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設備
此文檔下載收益歸作者所有