[中文] Bootstrap 4 正式發佈

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 版本的重大修改，咱們刪除了其中一些過期的示例，添加了一些新的示例，而且完全改變了其餘一些示例。

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

• 您可能已經看到了咱們的相冊示例，但它已經在這個版本更新了，以使咱們的照片卡包含更多內容而且改進移動設備渲染。

• Pricing 是這個版本全新的功能，它是使用咱們的實用工具和card組件建立的徹底自定義的頁面。它的響應速度快並且容易擴展。

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

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

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

• Dashboard 也進行了更新，一樣的以 ChartJS 爲例，它包含了一個半響應式的羽毛圖標刷新側欄。

• Floating labels 是全新的，咱們以咱們本身的登陸界面爲示例，提供一個只用CSS實現的浮動標籤。在咱們把它徹底地帶到Bootstrap以前，可能就會看到它主要的變化。

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

Cover、Carousel、Sign-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.css 或 bootstrap-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 有貢獻和創建的人歡呼。可以爲您和全部人共同構建這些工具是一種榮幸是咱們的榮幸。