bootstrap模板怎么免費(fèi)下載

Bootstrap是Twitter推出的一個(gè)開(kāi)源的用于前端開(kāi)發(fā)的工具包，其中中包含了豐富的Web組件，根據(jù)這些組件，可以快速的搭建一個(gè)漂亮、功能完備的網(wǎng)站。

最近通過(guò)了Bootstrap中文網(wǎng)學(xué)習(xí)了其中的一些的用法，深深被他簡(jiǎn)易用法，邏輯清晰，優(yōu)雅界面所吸引。但是通過(guò)教程只能簡(jiǎn)單地理解其中的基本用法，但對(duì)于構(gòu)建一些商業(yè)級(jí)的應(yīng)用還是有一定距離。尤其對(duì)于我們這些開(kāi)發(fā)人員來(lái)說(shuō)，我們可能更需要的是獲得更多的完整案例來(lái)作為參考，構(gòu)建自己的所需要的模板。

網(wǎng)上有很多基于很多Bootstrap的模板與主題，但是普遍出現(xiàn)的問(wèn)題是：免費(fèi)的都是挺簡(jiǎn)單的，比較完善的就要收費(fèi)，而且收費(fèi)的手續(xù)也是比較麻煩的，所以想進(jìn)一步學(xué)習(xí)或者基于完善模板的二次開(kāi)發(fā)會(huì)遇到一些麻煩。

下面我們來(lái)看一個(gè)比較方便獲得這些boostrap主題與模板的方法：

1、進(jìn)入模板網(wǎng)站，選擇模板進(jìn)入預(yù)覽界面，

進(jìn)入預(yù)覽界面后，按F12工具欄，瀏覽器底部出現(xiàn)開(kāi)發(fā)者工具。點(diǎn)擊工具欄Resource按鈕，可以看見(jiàn)網(wǎng)站的文件夾Frames以及所需圖片，腳本以及樣式，分別有Fonts,Images,Scripts,Stylesheets四個(gè)文件夾。

2、首先我們?cè)陔娔X文件夾中新建一個(gè)網(wǎng)站的文件夾，文件夾下新建css,fonts,img,js文件夾。

3、3、回到瀏覽器，我們對(duì)網(wǎng)站的文件分別采取不同的方式進(jìn)行下載。

Fonts:鼠標(biāo)右擊文件，選擇open link in new tab，文件就進(jìn)入了下載的界面了，下載本地新建的網(wǎng)站文件夾下的fonts文件夾下

Images:鼠標(biāo)右擊文件，選擇open link in new tab，文件就進(jìn)入了查看的頁(yè)面了，頁(yè)面在下載本地新建的網(wǎng)站文件夾下的img文件夾下

Scripts:鼠標(biāo)右擊文件，選擇Save as…，文件就進(jìn)入了下載的界面了，下載本地新建的文件夾下的js文件夾下

Stylesheets:跟Scripts基本一致，將文件下載到本地新建的網(wǎng)站文件夾下的

至此，網(wǎng)站的文件基本已經(jīng)完成了，下面就可以進(jìn)行html文件的下載了。

4、F12關(guān)閉瀏覽器的開(kāi)發(fā)者工具，在網(wǎng)頁(yè)空白處按Ctrl+S(網(wǎng)頁(yè)另存為)，選擇僅保存html，并根據(jù)網(wǎng)頁(yè)域名去文件名，保存在本地新建網(wǎng)站文件夾的根目錄。將網(wǎng)站下的所有網(wǎng)頁(yè)按照此方法進(jìn)行下載。

5、按照以上方法基本可以完整下載這個(gè)網(wǎng)站模板了，但是有些時(shí)候我們打開(kāi)本地網(wǎng)站文件夾的網(wǎng)頁(yè)文件時(shí)，會(huì)發(fā)現(xiàn)有些圖片加載不出來(lái)或者有些字體顯示不正確，這可能網(wǎng)站的文件夾路徑或者名稱(chēng)不正確。我們需要通過(guò)網(wǎng)頁(yè)代碼對(duì)文件夾的路徑進(jìn)行整理。我們重新回到瀏覽器界面，F(xiàn)12打開(kāi)開(kāi)發(fā)者工具，通過(guò)Elements查看網(wǎng)頁(yè)代碼，通過(guò)下圖，我們可以見(jiàn)到，雖然我們的網(wǎng)頁(yè)文件已經(jīng)下載了，但是我們初時(shí)創(chuàng)建的js,images,css,fonts文件夾是對(duì)應(yīng)不上網(wǎng)頁(yè)的代碼的，此時(shí)我們需要通過(guò)將文件按照網(wǎng)頁(yè)的代碼重新整理文件夾路徑。

6、整理完成后，我們就可以免費(fèi)獲取bootstrap的模板了，趕快試試吧！

更多Bootstrap相關(guān)技術(shù)文章，請(qǐng)?jiān)L問(wèn)Bootstrap教程欄目進(jìn)行學(xué)習(xí)！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com