新手必看!Bootstrap前端框架 基礎介紹篇

2021-08-20 09:51:08 字數 830 閱讀 2466

一.什麼是bootstrap?

二.bootstrap的優點

自bootstrap3起,框架包含了貫穿於整個庫的移動裝置優先的樣式(對移動裝置友好)。

只需具備html和css的基礎知識,就可開始學習

採用柵格布局(底層實現原理:**查詢結合流體布局)

js外掛程式優秀的地方在於,哪怕是不懂js的開發人員也可以使用,只要按照官方文件提供的格式寫即可,比如模態框,您只要按要求設定好class,data-toggle,data-target即可,一句js都不用寫,很方便。

三. 不足:

對ie相容也存在不小的問題,bt將所有的元素盒模型都設定成了border-box,這是ie混雜模式下的盒模型,光這點就導致了不能相容ie。此外還用到了大量的h5標籤以及css3語法,這些語法標籤相容性方面同樣存在不小的問題,當然網上存在很多相容ie的辦法,但需要引入其他檔案,有些還不小,勢必導致載入速度變慢,影響使用者體驗。

bt對ie6,7的相容性肯定不好,對ie8的支援也需要一些額外的檔案。

ie8的**查詢需要response.js的配合才能實現

bt 不支援 ie 古老的相容模式。為了讓 ie 瀏覽器執行最新的渲染模式下,建議將此 標籤加入到你的頁面中:

按 f12 鍵開啟 ie 的除錯工具,就可以看到 ie 當前的渲染模式是什麼。

四.總結:

bt屬於前端ui庫,可以快速搭建前端頁面,還可以使用less、saas等重新設計元件,比較適合前端一般的後端工程師,大中型企業用的不多。bt原始碼對於前端學習非常有必要。

新手學PHP必看

1.概要 學習任何語言都需要多看 多想 多寫 多問!寫程式設計是一種熟能生巧的東西!學習php也一樣,因為知識就那麼多,你看多了就會覺得怎麼都一樣。程式設計師就是炒冷飯的,一遍又一遍。多敲幾遍就可以閉著眼睛寫了,所以企業招聘都會問你寫過多少行 的!程式設計師最忌諱浮躁,有時候發現一段程式完全找不出錯...

新手學習Docker必看

1.為什麼要學docker 答 避免一種情況 我的機器上可以執行,為什麼你的不可以?很多時候,我們想把自己的程式拿給別人執行,別人往往直接拷貝過來是不可以直接用的,甚至怎麼改 怎麼修改環境都用不了,那怎麼辦?docker就是為了解決這個尷尬而出現的。2.docker的作用 答 a.解決執行環境不一致...

新手學PHP必看

1.概要 學習任何語言都需要多看 多想 多寫 多問!寫程式設計是一種熟能生巧的東西!學習php也一樣,因為知識就那麼多,你看多了就會覺得怎麼都一樣。程式設計師就是炒冷飯的,一遍又一遍。多敲幾遍就可以閉著眼睛寫了,所以企業招聘都會問你寫過多少行 的!程式設計師最忌諱浮躁,有時候發現一段程式完全找不出錯...