bootstrap 框架

bootstrap是什麼:是目前很受歡迎的前端框架。bootstrap 史基於html、css、JavaScript的,它簡潔靈活使得web開發。是一個css和html框架,規範了html和css。

bootstrap 的特點:Bootstrap是基於HTML5CSS3開發的,它在jQuery的基礎上進行了更爲個性化的完善,形成一套自己獨有的網站風格,併兼容大部分jQuery插件。

Bootstrap的內容:

  • 基本結構:Bootstrap 提供了一個帶有網格系統、鏈接樣式、背景的基本結構。這將在Bootstrap 基本結構部分詳細講解。
  • CSS:Bootstrap 自帶以下特性:全局的 CSS設置、定義基本的 HTML 元素樣式、可擴展的 class,以及一個先進的網格系統。這將在Bootstrap CSS部分詳細講解。
  • 組件:Bootstrap 包含了十幾個可重用的組件,用於創建圖像、下拉菜單、導航、警告框、彈出框等等。這將在佈局組件部分詳細講解。
  • JavaScript 插件:Bootstrap包含了十幾個自定義的jQuery 插件。您可以直接包含所有的插件,也可以逐個包含這些插件。這將在Bootstrap插件部分詳細講解。
  • Bootstrap自帶了13個jQuery插件,這些插件爲Bootstrap中的組件賦予了“生命”。其中包括:
    模式對話框、標籤頁、滾動條、彈出框

  • 定製:您可以定製Bootstrap的組件、LESS 變量和jQuery 插件來得到您自己的版本。
bootstrap的作用:簡單點說:是一個快速搭建網站前臺頁面的開源項目(基於Jquery)。你只需要瞭解相關的class、標籤名稱等所代表的意思,然後在構建頁面的時候,導入bootstrap的JS、css等,它就會去表現相應的效果出來:
比如HTML說明:縮略語;當鼠標懸停在縮寫和縮寫詞上時就會顯示完整內容,Bootstrap實現了對HTML 元素的增強樣式。 縮略語元素帶有title屬性,外觀表現爲帶有較淺的虛線框,鼠標移至上面時會變成帶有“問號”的指針。當你需要段落文字某個單詞或者詞語需要有上面的那種效果,你就那樣按照那種格式寫就好了,附加的class=“initialism”是讓字號更小一點,也可以不要。反過來說:如果你不試用bootstrap的東西或者其他類似的框架,那你就得自己寫這樣的效果,開發時間長。再比如Jquery的easyui,也是差不多道理。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章