1. 程式人生 > >BootStrap 4正式版發布(原文翻譯)

BootStrap 4正式版發布(原文翻譯)

started rip 實用 例如 tar custom 應用 什麽是 finall

原文鏈接:http://blog.getbootstrap.com/2018/01/18/bootstrap-4/

關於Bootstrap

什麽是Bootstrap

Bootstrap,來自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷。

歷史

Bootstrap 是由 TwitterMark OttoJacob Thornton 開發的。Bootstrap 是 2011 年八月在 GitHub 上發布的開源產品。

Why Bootstrap

  • 瀏覽器支持:基本支持大部分現代瀏覽器,不是IE6,是現代瀏覽器
  • 響應式設計:自適應不同屏幕,包括該臺式機、平板電腦和手機等
  • 移動設備優先:自 Bootstrap 3 起,框架包含了貫穿於整個庫的移動設備優先的樣式。
  • 容易上手:首先它是開源的,並且有全面的文檔,有龐大的用戶群提供各種定制的樣式主題等,最重要的是後臺硬,強大的團隊在一直維護和修復發現的問題。(很多國產項目做的很優秀,但是優秀優秀最後就消失了。很大原因是沒有人維護和更新)

現在網上有很多基於Bootstrap的教程以及文檔翻譯,中文資料相對來說比較健全,同時基於Bootstrap設計的產品也有很多,很多插件也都有針對Bootstrap的主題資源提供,Bootstrap自己本身也支持定制化,基於Saas進行css文件構建,可以在官網針對需求進行定制化的生成和下載。

版本延續

Bootstrap之前有過三個版本,現在流傳比較多得是V3.x版本,與v2.x版本相比,3這個版本對部分老舊瀏覽的兼容性處理已經被剔除(IE9一下等),與2018你那1月18日,官網發布了Bootstrap 4正式版,官方公告上可以看到v4針對之前又有了很多調整和改變。下文為v4版本的發布公告,使用google加上個人理解整理了一下,大家可以參考一下。英文好的可以直接看原文文檔,文章開始有鏈接。

Bootstrap 4

這真的需要我們多年的努力,但Bootstrap 4終於來了!言語已經不能表達整個團隊和我為這個版本發布所感到的興奮,但我會盡我所能。感謝所有人,特別是團隊成員,以及所有貢獻代碼和提出Issue的人。謝謝。

自從我們上一個測試版本以來,我們一直在努力穩定我們的CSS的幾個關鍵部分,完善我們的文檔,為它添加一些額外的驚喜功能,並計劃我們的後續版本。我們仍然有一些問題需要解決,但沒有什麽會阻止我們發布穩定的版本。

急於體驗一下嗎?轉到我們的文檔站點並進行探索。請務必查看我們的新示例和遷移文檔頁面!

想要點擊文檔之前知道更多?太好了,開始!

新內容

自從上一次測試以來,沒有發生重大改變,但我們已經做出了一些關鍵的改進,並解決了一些棘手的錯誤。

  • 打印樣式和實用程序類已更新。我們改進了打印頁面的渲染方式,以確保頁面尺寸合理,而不是將其渲染為移動設備。打印顯示實用程序還包括一系列新display

    值,以匹配我們的標準顯示實用程序。

  • 額外的border設置功能已添加(例如.border-top),默認為1px的淺灰色邊框。現在,為組件添加所有邊框或者某些邊框變得更加容易。

  • 我們$spacers$sizes薩斯地圖已經更新,以允許更多的定制與我們的色彩地圖工作相同的方式。您現在可以在CSS中一致地添加,刪除或替換所有鍵值對。前往我們的主題文檔了解更多信息和示例。

  • 為我們的Theming文檔添加了文檔,使用我們提供的CSS變量來生活在邊緣,而不想使用Sass。

  • 增加了對flexbox網格進行更多控制的響應.order-0.order-last類。

另外,我們對重用和擴展變量和一般的代碼清理做了大量的改進。但是,這還不是全部。

新的例子

幾乎每個例子在v4正式版本的都進行了調整。我們刪除了一些過時的例子,添加了一些新的例子,並且徹底改變了其他一些例子。

技術分享圖片

以下是對每個更改的簡要說明:

  • 您可能已經看過我們的相冊示例,但是已經為此版本進行了更新,以在照片卡中添加更多內容並改進了移動渲染。

  • 定價列表是這個版本的全新功能,是一個完全自定義的頁面,使用我們的實用程序和卡組件構建。它的響應速度和容易擴展。

  • 付款表單是一個全新的,很通用的例子,用到了表單布局、表單驗證樣式,柵欄系統等等。

  • 產品列表也是新的,仿蘋果風格的營銷頁面的,使用了我們大部分utility。不要太認真!

  • 博客模板已經從頭改寫了。拋棄了原來的藍色頭部兩列的布局方式。我們已經建立了一個精采的帖子和響應導航雜誌式的布局。

  • 儀表板也進行了大修,以提供實時的ChartJS示例,包括帶羽毛圖標的刷新邊欄,並且是半響應式的。

  • 浮動標簽是全新的,並以我們的登錄示例為基礎,提供僅CSS實現浮動輸入標簽(placeholder固定在輸入框內)。這是個實驗,我們把它帶到Bootstrap之前可能會看到重大變化。

  • Finally, Offcanvas has been rewritten from the ground up to show off a navbar-built drawer, horizontal scrolling navigation, and some custom lists built on media object and utilities.

封面,傳送帶,登錄和我們的框架示例只進行了一些小的更新,以提高代碼質量和修復一些小的錯誤。總的來說,這是我們的代碼示例的一次大的更新,我很高興添加這些並在未來的叠代版本中添加更多。

引導文檔(應該是這個意思,就是原來那個一步一步介紹的文檔)

v4穩定版的新功能簡要介紹了為什麽我們要在Bootstrap中做的事情。我們的目的是在編寫代碼,構建短消息和調試時提煉和記錄我們頭腦中所有的事情。其中大部分內容都集中在編寫響應式CSS的概念和策略上,使用簡單的選擇器以及限制需要編寫多少JavaScript。

檢查新的引導文檔,如果碰到什麽問題或建議反饋或者缺少什麽請及時反饋給我們。

已知的問題

沒有哪次發布能修復每一個bug,這一點對我們的v4穩定版本同樣有效。在時間和範圍允許的情況下,我們希望首先在次要版本(v4.1)或修補程序版本(v4.0.1)中解決一些問題。

  • 輸入組,驗證和圓角。我重寫了Beta 3的內容,但我認為它是錯誤的。我們有一些圓角的問題,我們可以用CSS修復它們而不破壞向後兼容性的唯一方法是限制組件的可擴展性。我們可能需要一個修飾符類來避免一些粗糙的CSS,並滿足所有的關鍵功能。查看問題和交叉鏈接的公關了解更多詳情。

  • 特別是表變形,.table-active有一個怪異的選擇,我們已經無意間留下來,因為以前的版本。該缺陷導致的雙重應用rgba()背景顏色 -once為<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 Themes以來,我們一直非常激動,我們終於準備好分享下一步的計劃。

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

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

隨時準備發布,敬請關註更多信息。

謝謝

最後,最後要感謝所有為Bootstrap 4做出貢獻的人。這是一個瘋狂的旅程,我個人感到放心,興奮,急於稱它為穩定。自從我們在2015年首次開始工作以來,已經有大約6,000次提交到第4版。我們已經走了太多的方向,重寫了太多的東西,但是我非常高興和幸運。 。

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

BootStrap 4正式版發布(原文翻譯)