優秀的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框架文件目錄介紹了。希望大家繼續關注我們的網站!