您好,登錄后才能下訂單哦!
這篇文章主要介紹了bootstrap基本結構是什么,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
Bootstrap是Twitter推出的一個用于前端開發的開源工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。
是一個做網頁的框架(目前最流行的WEB前端框架),就是說你只需要寫HTML標簽調用它的類你就可以很快速的做一個高大上的網頁,你不用擔心兼容問題,提供了很多樣式供你選擇!
包含內容
基本結構: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基本結構是什么內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。