BootStrap 4正式版发布（原文翻译）

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

关于Bootstrap

 

什么是Bootstrap

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。

历史

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob 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有贡献和创建的人。可以为您和全部人共同构建这些工具是一种荣幸。

 

 

V3到V4迁移注意：

浏览器支持

• IE10+
• IOS 7+
• Android 5.0 Lollipop’s Browser and WebView.

全局变化

• Flexbox默认启用
• 源文件管理从Less切到了Sass
• css单位由px切换到rem
• 全局字体从14px变成了16px
• 栅格系统作了调整，添加了一个超小屏幕适配,媒体查询宽度临界点分别为57六、76八、99二、1200；(v3为76八、99二、1200)，对比v3将超小由col-xs-的替换成了col-，增长了一个超大col-xl-。

 

发现有好多啊，来项目了，先不写了

原文地址以下：https://getbootstrap.com/docs/4.0/migration/

 

本身先看着