這篇文章將為大家詳細(xì)講解有關(guān)bootstrap框架的原理分析,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
簡單地說,就是一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯(lián)網(wǎng)瀏覽而誕生的。
在說到響應(yīng)式,很多人會立刻想到:
Boilerplate,F(xiàn)oundation,Ulkit,bootstrap這些框架。
而以下,我將就Twitter推出的bootstrap為例,畢竟最火,使用的人也多。
類似bootstrap這類響應(yīng)式框架其底層實現(xiàn)原理就是媒體查詢。
打開Bootstrap核心CSS文件開發(fā)版,可以清晰看到@media。
Bootstrap 本著 移動設(shè)備優(yōu)先 的策略開發(fā)的,按照這一策略,我們優(yōu)先為移動設(shè)備優(yōu)化代碼,然后根據(jù)每個組件的情況并利用 CSS 媒體查詢(CSS media queries)技術(shù)為組件設(shè)置合適的樣式。所以下述標(biāo)簽,好也務(wù)必放上
關(guān)于“bootstrap框架的原理分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。