千呼万唤始出来 —— Bootstrap 4 正式发布!新网站、新文档、新主题

翻译 Summer ⋅ 于 3个月前 ⋅ 最后回复由 root 4天前 ⋅ 3191 阅读 ⋅ 原文地址
这是一篇社区协同翻译的文章,已完成翻译,更多信息请点击 协同翻译介绍

我们花费了几年的时间,终于让 Bootstrap 4 到来了!简直无法用言语来描述整个团队和我对于这个版本的兴奋之情,但是我会尽全力。感谢每个人,特别是整个团队,以及所有对项目代码进行贡献和提出问题的每个人。谢谢你们。

从上个正式版本开始,我们致力于让我们的 CSS 几个关键的部分变稳定,致力于完善我们的文档,增加一些特别的惊喜,以及计划着后续的版本。我们仍然还有一些问题需要去解决,但是没有什么可以阻挡我们发布一个新版本的脚步。

已经迫不及待要跳转去探索? 这是我们文档的地址 . 一定要看看我们的新示例 以及 更新日志!

想在点击文档之前了解更多 ? 很好,让我们一探究竟吧!

Jeffrey00 翻译于 3个月前

查看其他 1 个版本

What's new

自从上一次测试版发布以来,没有任何突破性的改变,但我们在一些关键性的地方做出了改进,并解决了一些棘手的问题。

  • 打印样式和实用程序类已更新。我们改进了打印页面的渲染方式,以确保页面大小合理,而不是将它们作为移动设备呈现。打印显示工具还包括一系列新的 display 值,以匹配我们的标准显示工具。

  • 添加了边界工具(例如 .border-top ),默认为 1px 的浅灰色边框。现在,将元素的所有边框或边框的子集快速添加到组件中会更加容易。

  • 我们的 $spacers$sizes Sass 地图已经更新,可以像我们的彩色地图一样进行更多的定制。您现在可以在CSS中一致地添加,删除或替换所有键值对。 请查看我们的主题文档了解更多信息和示例。

  • 为我们的主题文档添加文档,使用我们提供的 CSS 变量为那些生活在边缘,不想使用Sass的朋友。

  • 增加了响应式 .order-0.order-last 类,以更好地进行 flexbox 网格控制。

此外,我们还对重用和扩展变量和一般代码清理进行了大量改进。但是,这还不是全部。

medz 翻译于 2个月前

新的例子

稳定的v4版本中的几乎每个例子都经过了彻底的修改。 我们删除了一些过时的示例并添加了一些新的示例,并且彻底修改了一些示例。

Bootstrap examples

Here's the rundown of changes to each:

  • You've likely already seen our Album example, but it's been updated for this release to include more content in our photo cards and improved mobile rendering.

  • Pricing is brand new with this release and is a fully custom page built with our utilities and card components. It's responsive and easily extended.

  • Checkout is a brand new, extensive form example featuring all the best parts of our form layouts, validation styles, grid, and more.

  • Product is also new and is a cheeky riff on Apple-style marketing pages, largely built with only our utility classes. Don't take it too seriously!

  • Blog has been rewritten from the ground up. Gone is the two column blue header layout. We've built a snarky magazine-style layout with featured posts and responsive navigation.

  • Dashboard has been overhauled as well to feature a live ChartJS example, includes a refreshed sidebar with Feather icons, and is semi-responsive.

  • Floating labels is brand new and builds on our sign-in example to provide a CSS-only implementation of the floating input label. This one's experimental and may see major changes before we bring it to Bootstrap proper.

  • 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 component and utilities.

CoverCarouselSign-in, and our framework examples only saw minor updates to improve code quality and fix a few smaller bugs. Overall this was a huge update for our examples and I'm excited to iterate on these and add more in future releases.

Geek彬 翻译于 3个月前

记录我们的思路

新的稳定版本 v4 是对我们在 Bootstrap 中做的事情的一些指导原则的简要提现。我们的目的是在编写代码、构建linters和调试的同时,将所有在我们头脑中思考的东西都保存并记录下来。这些思考大部分内容都集中在编写响应式CSS的概念和策略,如何使用简单的选择器,以及编写更少的 JavaScript。

点击查看新详情页面,如果你需要反馈意见和建议,请创建一个 issue 并且提一个 pull request 。

已知的问题

没有任何版本可以修复所有 bug,对于我们的 v4 稳定版本来说也是如此。这里有一些我们希望在小版本(v4.1)或补丁(v4.0.1)中首先解决的问题,如果时间和范围允许的话。

Feyman 翻译于 2个月前
  • 输入框组,数据验证,圆角 。在 Beta3 中我重构了这几个,我当时以为那已经很好了,但是我错了。这里面有一些圆角的问题,我们可以用 CSS 修复它们而不破坏向后兼容性的唯一方法就是限制组件的可扩展性。我们可能需要一个修饰符类来避免一些粗糙的CSS,并满足所有的关键功能。你可以查看 issue 和 PR 了解更多详情。

  • 表格,特别是 .table-active,这是一个很奇葩的选择器,我们无意间在发布之前遗留下了这个问题。该错误导致  rgba() 背景色在双应用下的问题 - 可能会出现在 <tr>中,也可能是 <td> 或者 <th> 中。

我们的第一个补丁版本中还有一些没有确定或者定义的问题,但是在我们下一个次要版本发布之前,估计会有一些修补程序要发布。我们可能还会在下一个补丁版本中打包我们的 repository 中默认分支变更的部分。考虑到v3的整个版本历史,我们没有时间去测试合并一个巨大的不同代码库的各种分支。最后一句,很多东西很快就来。

Kevinvinvin 翻译于 2个月前

下个版本

说到发布, 我们对于我们的发展势头感到兴奋. 我们的GitHub project boards 在即将到来的版本中大部分是最新的, 所以可以随便进去看一看. 我们的下一个版本将是 v4.1(等待任何bug修补程序)并将重点关注一些小的新功能, 实用程序,响应字体大小等等. 从那里我们可以看到更多的小版本,它们围绕着另一组特性。

我们的目标是根据整体范围使RTL成为即将发布的次要版本的一部分.我们花了很长的时间去做这件事, 但是我们正在努力. 我们目前的计划主要是在我们的构建工具和组件中实现这一点因此您可以有条件地服务, 例如, bootstrap.min.css 或者 bootstrap-rtl.min.css. 在公开的问题上请提供任何反馈意见; 当我们准备好了,我们会在社区的帮助下,提交一个新的 pull 请求。.

值得重申的是每个次要版本都会带来一个新的托管版本的文档。 现在, 我们有了 getbootstrap.com/docs/4.0/和 come v4.1's release, 我们会加上 getbootstrap.com/docs/4.1/. 之前我们已经存在的 v3.x 和 v4 alpha 文档链接将会继续停留在我们的导航链接中。

Ali 翻译于 3个月前

主题升级

Bootstrap Themes在今年有了重大的变动!自从我们最初推出Bootstrap以来,我们一直非常激动,现在终于可以分享我们下一步的计划了

在过去的几个月中,我们一直在与一些很了不起的主题的作者合作,将他们的精彩作品带到官方的 Bootstrap Themes商店。我们很开心的宣布我们正在扩展Bootstrap主题,包括十个全新的主题。我们目前准备把第一季度推出的主题都建立在Bootstrap 4上(十分抱歉,这些不包括V3)。根据以后的评价,我们可能在未来几周内就让他们到你们身边。

Bootstrap的广泛性和实用性直接发来自世界各地的设计师、开发人员和创作者们使用Bootstrap来构建他们的项目。 我们希望利用我们的平台为这些主题创作者提供更多的用户,为您展示出Bootstrap团队认为不错的主题。

我们随时准备发布,敬请关注以后更多的信息。

MIsakas 翻译于 3个月前

Thank you

最后,在最后要感谢所有为Bootstrap 4做出贡献的人。这是一个疯狂的旅程,我对这次的版本很放心,并且急于表示她很稳定。自从我们从2015年首次开始工作以来,已经有大约6000次代码提交到第四版,我们走了很多弯路,重写了很多东西,但我们依旧很幸运。

再次感谢每一个对Bootstrap有贡献的人。 能够为您和所有人共同构建此框架是一种荣幸。
<3
@mdo & team

MIsakas 翻译于 3个月前

原文地址:https://blog.getbootstrap.com/2018/01/18...

译文地址:https://laravel-china.org/topics/7544/ti...


本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

本帖已被设为精华帖!
回复数量: 8
  • 仰望
    3个月前

    要大家是能把 bootstrap-v4 的文档翻译出来就好了

  • GhostCoder 3
    3个月前

    @仰望 http://code.z01.com/v4/ 已经有人翻译过了

  • MIsakas 在"什么都不会还异常淡定"和"未来一片迷茫却不为所动“的领域有着深刻的研...
    3个月前

    希望 Bootstrap 4 可以拯救我越写越难看的毛病

  • weetch 只要学不死,就往死里学
    3个月前

    看了下,新东西不多,多了个card,其他都是排版方面的

  • Kurisu
    2个月前

    what's new 翻译成 什么是新。。。。。。。。

  • 韩槑槑 韩槑槑也是程序员
    1周前

    :neutral_face: 通过文档知道现在的栈格是基于 flex 布局构建的
    但是之前项目中使用 flex 布局发现兼容性还是比较难受的
    然后就用 bootstrap3 重构了,再也不敢用 flex

  • CorePlusPlus
    1周前

    @韩槑槑 只要不是用该死的IE基本都兼容了 当然也有兼容方案引入js解决

  • root
    1周前

    感觉4没给老用户多大希望啊

暂无评论~~

  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!