資源描述:
《bootstrap官方最新權(quán)威教程》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、Bootstrap筆記Bootstrap,來(lái)自Twitter,是目前最受歡迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT移動(dòng)設(shè)備優(yōu)先所有的主流瀏覽器都支持Bootstrap,響應(yīng)式設(shè)計(jì)Bootstrap包的內(nèi)容:基本結(jié)構(gòu):提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。CSS:全局的CSS設(shè)置、定義基本的HTML元素樣式、可擴(kuò)展的class,以及一個(gè)先進(jìn)的網(wǎng)格系統(tǒng)。組件:Bootstrap包含了十幾個(gè)可重用的組件,用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等等JavaScript插件:包含了十幾個(gè)自定義的jQuery插件。您可以直接包含所有的插件,
2、也可以逐個(gè)包含這些插件。定制:您可以定制Bootstrap的組件、LESS變量和jQuery插件來(lái)得到您自己的版本代碼介紹:1.下載Bootstrap:下載BootstrapCSS、JavaScript和字體的預(yù)編譯的壓縮版本。不包含文檔和最初的源代碼文件。2.下載源代碼:最新的BootstrapLESS和JavaScript源代碼3.如果您使用的是未編譯的源代碼,您需要編譯LESS文件來(lái)生成可重用的CSS文件HTML模板:為每個(gè)HTML頁(yè)面的第一行添加標(biāo)準(zhǔn)模式(standardmode)的聲明,這樣能夠確保在每個(gè)瀏覽器中擁有一致的展現(xiàn)3、=”zh-CN”>語(yǔ)言屬性,據(jù)HTML5規(guī)范:強(qiáng)烈建議為html根元素指定lang屬性,從而為文檔設(shè)置正確的語(yǔ)言。這將有助于語(yǔ)音合成工具確定其所應(yīng)該采用的發(fā)音,有助于翻譯工具確定其翻譯時(shí)所應(yīng)遵守的規(guī)則等等。
Bootstrap模板通過(guò)明確聲明字符編碼,能夠確保瀏覽器快速并容易的判斷頁(yè)面內(nèi)容的渲染方式。這樣做的好處是,可以避免在HTML中使用字符實(shí)體標(biāo)記(characterentity),從而全部與文檔編碼一致(一般采用UTF-8編碼)4、ontent="IE=Edge">IE支持通過(guò)特定的??標(biāo)簽來(lái)確定繪制當(dāng)前頁(yè)面所應(yīng)該采用的IE版本。除非有強(qiáng)烈的特殊需求,否則最好是設(shè)置為?edgemode,從而通知IE采用其所支持的最新的模式為了讓Bootstrap開(kāi)發(fā)的網(wǎng)站對(duì)移動(dòng)設(shè)備友好,確保適當(dāng)?shù)睦L制和觸屏縮放,需要在網(wǎng)頁(yè)的head之中添加?viewportmeta?標(biāo)簽idth?屬性控制設(shè)備的寬度。假設(shè)您的網(wǎng)站將被帶有不同屏幕分辨率的設(shè)備瀏覽,那么將它設(shè)置為?device-wid
5、th?可以確保它能正確呈現(xiàn)在不同設(shè)備上。initial-scale=1.0?確保網(wǎng)頁(yè)加載時(shí),以1:1的比例呈現(xiàn),不會(huì)有任何的縮放。在移動(dòng)設(shè)備瀏覽器上,通過(guò)為?viewportmeta?標(biāo)簽添加?user-scalable=no?可以禁用其縮放(zooming)功能。通常情況下,maximum-scale=1.0?與user-scalable=no一起使用。這樣禁用縮放功能后,用戶只能滾動(dòng)屏幕,就能讓您的網(wǎng)站看上去更像原生應(yīng)用的感覺(jué)。6、bootstrap.min.css"rel="stylesheet">
Hello,world!