首頁 >web前端 >Bootstrap教程 >bootstrap裡面有什麼東西
Bootstrap是Twitter推出的一個用於前端開發的開源工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。
是一個做網頁的框架(目前最流行的WEB前端框架),就是說你只需要寫HTML標籤調用它的類別你就可以很快速的做一個高大上的網頁,你不用擔心相容問題,提供了很多樣式供你選擇! (推薦學習:Bootstrap影片教學)
包含內容
基本結構:Bootstrap 提供了一個具有網格系統、連結樣式、背景的基本結構。
CSS:Bootstrap 自帶以下功能:全域的 CSS設定、定義基本的 HTML 元素樣式、可擴充的 class,以及先進的網格系統。
元件:Bootstrap 包含了十幾個可重複使用的元件,用於建立影像、下拉式選單、導覽、警告框、彈出框等等。
JavaScript 外掛程式:Bootstrap包含了十幾個自訂的jQuery 外掛程式。 您可以直接包含所有的插件,也可以逐一包含這些插件。
自訂:您可以自訂Bootstrap的元件、LESS 變數和jQuery 外掛來獲得您自己的版本。
關於bootstrap檔案包簡單介紹
檔案名稱:
bootstrap.css bootstrap.min.css bootstrap-responsive.css bootstrap-responsive.min.css bootstrap.js bootstrap.min.js
解釋:
bootstrap.css 是完整的bootstrap样式表,未经压缩过的,可供开发的时候进行调试用 bootstrap.min.css 是经过压缩后的bootstrap样式表,内容和bootstrap.css完全一样,但是把中间不必要的空格之类的东西都删掉了, 所以文件大小会比bootstrap.css小,可以在部署网站的时候引用,如果引用了这个文件,就没必要引用bootstrap.css了 bootstrap-responsive.css 这个是在对bootstrap框架应用了响应式布局之后所需要的CSS样式表,如果你的网站项目不准备做响应式设 计,就不需要引用这个CSS。 bootstrap-responsive.min.css 和bootstrap.min.css的作用是一样的,是bootstrap-responsive.css的压缩版 bootstrap.js 这个是bootstrap的灵魂所在,是bootstrap的所有js指令的集合,你看到bootstrap里面所有的js效果,都是由这个文件 控制的,这个文件也是一个未经压缩的版本,供开发的时候进行调试用 bootstrap.min.js 是bootstrap.js的压缩版,内容和bootstrap.js一样的,但是文件大小会小很多,在部署网站的时候就可以不引用 bootstrap.js,而换成引用这个文件了~~
更多Bootstrap相關技術文章,請造訪Bootstrap教學欄位進行學習!
以上是bootstrap裡面有什麼東西的詳細內容。更多資訊請關注PHP中文網其他相關文章!