萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 優秀的Bootstrap框架文件目錄介紹

優秀的Bootstrap框架文件目錄介紹

下面我們給大家下Bootstrap框架文件目錄介紹吧!bootstrap.css,bootstrap.min.css,bootstrap- responsive.css,bootstrap-responsive.min.css四個核心文件!所有的樣式都封裝在裡邊了!從名稱可以看出 Bootstrap.min.css和bootstrap-responsive.min.css都是源碼的縮小版,項目正式上線的時候引用縮小版!

Bootstrap的強大之處,漂亮統一的外觀樣式,這個大家都能看到,另一個強大之處就在於一次編碼能很好的兼容PC,平板,手機等多設備查看!

Bootstrap.css裡邊封裝了布局、表格、表單、按紐等效果。

Bootstrap-responsive.css裡邊則預設了不同屏幕的分辨率,為適應多設備而准備的。(慎用Bootstrap-responsive.css,因國內環境,當你對Bootstrap應用不熟悉的時候,不推薦使用!)

在使用中必須注意引用順序,如下為正確引用方式:

img文件夾

img文件夾下存放了兩張小圖片,都為小圖標,在頁面中合理使用能讓頁面體驗視覺效果增色不少!

JS文件夾

JS文件夾下有兩個文件:bootstrap.js,bootstrap.min.js!從名稱可以看出內容一樣,一個是源碼縮小版 !

Bootstrap基於漂亮的樣式開發了很多實用的jQuery插件,而Bootstrap.js就封裝了所有的插件!

當然如果你覺得這麼多插件封裝在一起很臃腫,你也可以下載單獨的jQuery插件使用!

注意:使用Bootstrap的js時,必須引用jQuery

正確的引用方式:

個人觀點:Bootstrap是一個具有前瞻性的前端框架!在眾多的前端開發框架中,Bootstrap無疑是一個首選!世界著名CMS Joomla最新版3.0前台後台都基於Bootstrap開發!

框架的作用:提高工作效率,減少無用的編碼!

以上就是Bootstrap框架文件目錄介紹了。希望大家繼續關注我們的網站!

copyright © 萬盛學電腦網 all rights reserved