讀書筆記——bootstrap

bootstrap

按照規定的DOM結構 類名就能展示一定的頁面
比如輪播圖, 把CSS樣式獨立作爲文件 還有邏輯獨立成爲js文件,就可以成爲一個
輪播圖框架, 別人只要按照一定的DOM結構和添加相應的類名就可以實現輪播圖

特色:
1. 適應各種技術水平
2. 話設備、跨瀏覽器 從bootstrap開始,提供對平板和智能手機的支持
3. 支持響應式設計。從bootstrap2開始,提供對完整的響應式特性。所有的組件都能根據
分辨率個設備靈活縮放,從而提供一致性的用戶體驗
4. 選用LESS構建動態樣式,less使用變量、嵌套、操作、混合編碼,幫助用戶花費很小
的時成本,編寫更快、更靈活的CSS



前端開發流程
1.使用的語言 框架
2.簡單構建 使用工具來管理文件
學一個東西最快的方法就是去官網查 然後把裏面的Demo都實現一遍

3.

bootstrap是用jQuery做出來的 所以在引入bootstrap的時候要先
引入jquery.js文件

只需要引入bootstrap.min.css

要熟練使用一個框架 就看源碼

柵格系統:
柵格系統提供了一套響應式、移動設備優先的流式柵格系統,隨着屏幕
或視口尺寸的增加,系統會自動分爲最多12列。它包含了預定義類,還有
強大的mixin 用於生成更具有語義的佈局

柵格系統通過一系列的行與列的組合來創建頁面佈局,你的內容可以放入
這些創建好的佈局中,

柵格系統的工作原理:
1.行 必須包含在 .container (固定寬高)或.contaner-fluid(100%)中
以便爲其賦予合適的排列和內補



















發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章