首頁 > web前端 > Bootstrap教程 > bootstrap裡面有什麼東西

bootstrap裡面有什麼東西

(*-*)浩
發布: 2019-07-19 13:51:28
原創
2735 人瀏覽過

Bootstrap是Twitter推出的一個用於前端開發的開源工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。

bootstrap裡面有什麼東西 

是一個做網頁的框架(目前最流行的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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板