[中文] Bootstrap 4 正式釋出

NEPTUNE.發表於2018-01-22

Bootstrap 4

2018.01.18

經過我們多年的努力, Bootstrap 4 終於來了!整個團隊和我已經無法用語言描述對這個版本釋出的喜悅之情,但是我會盡力去表達的。 感謝所有人,特別是團隊成員,以及所有在 pull request 中提供程式碼或提出問題的人。謝謝。

自從我們最後一次測試,我們一直在努力穩定我們 CSS 的幾個關鍵部分,潤色我們的文件,新增一些額外的驚喜,並計劃釋出後續的版本。我們還有一些問題要解決,但沒有什麼能阻止我們釋出穩定的版本。

是不是已經急切的想體驗了?前往我們的文件站點並且探索。一定要看看我們的新例項遷移的檔案頁面

想要在點選文件之前瞭解更多的內容嗎?很好,讓我們深入研究一下吧!

更新

這個版本相對於上次的測試版沒有什麼重大改變,但是我們已經做了一些關鍵的改進,並解決了一些棘手的錯誤。

  • 列印樣式和實用工具類已經更新。我們已經改進了如何渲染列印的頁面,以確保頁面尺寸合理,而不是將其渲染為移動裝置。列印顯示工具還包括一系列新的 display 的值用來匹配我們的標準顯示工具。

  • 新增了邊框實用工具(例如 .border-top ),預設為1畫素的淺灰色邊框。 現在,可以更容易將所有邊框或邊框的子集快速地新增到你的元件中。

  • 我們的 $spacers$sizes Sass 資料型別已經更新 ,就像我們的色彩型別的一樣,允許更多的定製方式。您現在可以一貫地在css中新增、刪除或替換所有鍵值對。前往我們的主題文件,以獲得更多的資訊和示例。

  • 為我們的Theming新增了文件,提供給那些生活在邊緣並且不想使用Sass 的人來使用我們提供的 CSS變數

  • 增加了響應式 .order-0.order-last 類,以便更好地控制flexbox柵格。

此外,我們對重用和擴充套件的變數和一般冗餘程式碼做了大量的改進。但是,這並不是全部。

新示例

幾乎每個示例都經過穩定的 v4 版本的重大修改,我們刪除了其中一些過時的示例,新增了一些新的示例,並且徹底改變了其他一些示例。

download.png

下面是對每個更新的詳細說明:

  • 您可能已經看到了我們的相簿示例,但它已經在這個版本更新了,以使我們的照片卡包含更多內容並且改進移動裝置渲染。

  • Pricing 是這個版本全新的功能,它是使用我們的實用工具和card元件建立的完全自定義的頁面。它的響應速度快而且容易擴充套件。

  • Checkout 是全新的,裡面有大量的表單佈局,驗證樣式,網格等表單示例。

  • Product 也是新的,我們厚著臉皮的僅用了我們的實用工具類搭建了一個蘋果風格的銷售頁面。

  • Blog 已經從頭重寫了。去掉了兩列的藍色標題佈局。我們建立了帶有精選文章以及響應式導航欄的雜誌風格。

  • Dashboard 也進行了更新,同樣的以 ChartJS 為例,它包含了一個半響應式的羽毛圖示重新整理側欄。

  • Floating labels 是全新的,我們以我們自己的登入介面為示例,提供一個只用CSS實現的浮動標籤。在我們把它完全地帶到Bootstrap之前,可能就會看到它主要的變化。

  • 最後,Offcanvas 從頭重寫,以展示一個導航條構建的抽屜、水平滾動導航以及一些建立在媒體元件和實用工具上的自定義列表。

CoverCarouselSign-in 和我們的框架示例只看到了一些用來提高程式碼質量和修復一些較小bug的小更新。總的來說,這對我們的示例來說是一個巨大的更新,能夠新增這些更新令我很興奮,我們也會在後續的版本中新增更多功能。

記錄我們的方法

v4穩定的新版本簡要概述了為什麼我們要在Bootstrap中做這些事情。我們的目的是在編寫程式碼、構建連結器和除錯時,將我們頭腦中保留的所有東西都記錄下來。這主要集中在編寫響應性CSS的概念和策略上,使用簡單的選擇器,並限制需要編寫多少JavaScript。

檢視新的方法頁,確保開放問題或者提出提供反饋和建議。

已知的問題

沒有任何一個版本能修復每個bug,我們的v4穩定版本也是如此。以下是我們希望在時間和範圍允許的情況下首先在小版本(v4.1)或補丁版本(v4.0.1)中解決的一些問題。

  • 輸入組,驗證和圓角。 我重寫了Beta 3的內容,但我認為我犯了個錯誤, 有一些圓角的問題,我們可以用CSS修復它們而不破壞向後相容性的唯一方法是限制元件的可擴充套件性。 我們可能需要一個修飾符類來避免使用一些簡陋的CSS來滿足所有的關鍵功能。 檢視問題和cross-linked PR瞭解更多詳情。

  • 表格變數,特別是.table-active,有一個怪異的選擇器,我們不小心從以前的版本中遺留了下來。 這個bug導致 一個rgba()背景顏色會應用兩次,一次是<tr>,另一次是包括在內的<td><th>元素。

在我們的第一個補丁釋出之前,還有一些問題尚未被確認,但在我們釋出下一個小版本之前,預計會有一些補丁出現。我們可能還會在下一個補丁版本中打包儲存庫的預設分支更改。再一次強調,我們沒有足夠的時間來測試一個因為沒有考慮v3的整個Git歷史而合併了巨大差異的程式碼庫。

下一個版本

說到版本,我們對於我們的發展勢頭感到非常興奮。我們的GitHub專案主機板在即將釋出的版本中大部分都是最新的,所以請隨時加入並觀看。我們的下一個版本將是v4.1(以修復bug為主),並將重點關注一些小的新功能,實用工具,響應字型大小等等。從那兒開始,我們會有幾個小版本,它們將圍繞著另一組特性而展開。

我們的目標是根據整體範圍使RTL成為即將釋出的小版本的一部分。我們花了很長的時間去做這件事,但是我們現在已經開始了。我們目前的計劃是把重點放在我們的構建工具和元件上,來給大家提供更好的服務,例如,bootstrap.min.cssbootstrap-rtl.min.css 。請在公開的話題上發表任何反饋意見;當我們準備好之後,我們將在論壇的幫助下提交一個新的請求。

值得重申的是每個次要版本都會帶來一個新的託管版本的文件。現在,我們已經在 getbootstrap.com/docs/4.0/ 釋出了v4.1,我們還會附加 getbootstrap.com/docs/4.1/ 。之前的版本將繼續從我們的導航連結,這是v3.x和上一個的v4 alpha的情況。

主題更新

Bootstrap的主題在今年得到重大更新! 自從我們最初推出Bootstrap主題以來,我們對其反響非常激動。最後,我們準備好分享下一步的計劃。

在過去的幾個月中,我們一直在與一些令人驚歎的主題創作者合作,將他們的精彩作品帶到官方Bootstrap 主題商店。我們不能再興奮地宣佈正在擴大Bootstrap主題,它包括十個全新的主題。我們目前的目標是第一季度推出的主題都建立在Bootstrap 4上(對不起,目前沒有v3版本的適配)。根據最終評論,我們可能在未來幾周內讓它們來到你們身邊。

Bootstrap 的廣泛性和實用性直接來自世界各地的設計師,開發人員和創作者,使用 Bootstrap 構建業務。我們希望利用我們的平臺為這些創作者提供更多的觀眾,併為您提供最好的 Bootstrap 團隊認可的主題。

隨時準備釋出,敬請關注更多資訊。

致謝

最後,最後要感謝所有為 Bootstrap 4 做出貢獻的人。這是一個狂熱的過程,我個人感到輕鬆,興奮,渴望稱它為穩定。自從我們在2015年首次開始工作以來,已經有大約6,000個提交到第4版的工作中。雖然我們已經改變了很多方向,重寫了太多的東西,但我非常高興和幸運的是,我們找到了自己的著陸點。

再次為每一個對 Bootstrap 有貢獻和建立的人歡呼。能夠為您和所有人共同構建這些工具是一種榮幸是我們的榮幸。

相關文章