首頁  >  文章  >  web前端  >  bootstrap4的版本有哪些

bootstrap4的版本有哪些

angryTom
angryTom原創
2019-08-02 16:19:193459瀏覽

bootstrap4的版本有哪些

bootstrap目前字第4版中只有Bootstrap v4.0.0,沒有其他版本。

如果你想了解更多關於bootstrap的知識,可以點選:bootstrap框架

  Bootstrap作為世界上最受歡迎的CSS框架,可以讓前端開發更快速簡單。所有開發者都能快速上手、所有設備都可以適應、所有專案都適用。目前Bootstrap的穩定版本為3.3.5版本。在2015年8月19日,Bootstrap 4 alpha版本被發布。 Bootstrap4不再支援IE8。

  Bootstrap 4 alpha將使用SCSS來編譯。

  在Bootstrap 1.0版本的時候,僅僅只有一些非常有限的網格系統,字體和列表樣式。到了Bootstrap2.0版本,才開始提供響應式的CSS框架。

  到了Bootstrap3.0版本,修復了之前的許多Bug,並提供了扁平設計等多種特性。現在,Bootstrap4將提供更多的新特性,並且不再支援一些老舊的瀏覽器。

  下面讓我們一起來了解一些Bootstrap 4 alpha提供的新特性。

 從Less到Sass

#  Bootstrap 4 alpha一個重要的改變時不再使用Less來編譯文件,而改用Sass。 Bootstrap 3使用Less來編譯發布版本(它也有一個單獨的SASS編譯版本)。做出這個修改的原因是Sass使用者更多。

  在Bootstrap 4 alpha中,動畫過渡效果(transitions), 漸變(gradients)等屬性的變數都被放到一個單獨的檔案中,並且可以定製成Sass變數。

  你可以在這裡查看你可以自訂的所有選項。

 增強的網格系統

  在Bootstrap 3中,是透過在元素上使用不同的class來標註該元素在不同尺寸螢幕上的大小,其單位為像素。 Bootstrap 4 alpha中改為em作為單位。在Bootstrap 4 alpha中有一個新的-sm屬性來標註行動手機設備。

查看下面的圖片,可以比較兩個版本的不同。

bootstrap4的版本有哪些

 放棄對IE8的支援

  Bootstrap 4 alpha不在支援Internet Explorer 8。一個重要的原因是IE8瀏覽器不支援CSS media queries(媒體查詢),而媒體查詢是框架實現響應式設計的重要規則之一。

  對於前端開發者來說,要讓網站能夠很好的適應舊的瀏覽器是一件非常頭疼的事情。如果你需要支援IE8,可以使用Bootstrap3。

   放棄使用Glyphicons字體圖示

  Bootstrap 4 alpha可能不再使用glyphicons字體圖示。這個說法目前還沒有明確的官方說明。

 可選擇的Flexbox模式

bootstrap4的版本有哪些

#Flexbox是CSS的彈性佈局,在Boostrap 4 alpha中可以透過下面的步驟來使用Flexbox:

  ●開啟scss檔案找到$enable-flex變數。

  ●將它從false修改為true。

  ●重新編譯後將會轉換到Flexbox模式。

以上是bootstrap4的版本有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn