|
Post by account_disabled on Jan 27, 2024 4:37:25 GMT
Bootstrap 4 的第一个稳定版本就在这里。这很酷。本文着眼于它的一些最佳功能。年 8 月 19 日,Bootstrap 4 alpha终于发布了。这是经过几个月的期待、焦急的推文要求披露发布日期,以及马克·奥托和雅各布·桑顿的一些零星新闻片段,这些都增强了我们的好奇心,而不是消除了我们的好奇心。两年多后,第一个稳定版本的等待终于结束了。 作为一名设计师,我喜欢制作自己的 CSS。然而,我承认,我发现 Bootstrap 是一个经过深思熟虑且得到大力支持的前端框架,我非常喜欢使用它 — 既可以用于构建我的项目,也可以用于学习更多有关编写更好的模块化 CSS 的知识。 最新版本的消息一出,我就下载了Bootstrap 4 的源文件,并花了一些时间来回阅读文档和深入研究代码以了解更多信息。 以下是我最喜欢的最新 Bootstrap 功能。 我希望你也觉得它们很棒! #1 新的交互式文档 Learn to Code with JavaScript 自该框架早期以来,Bootstrap 文档一直堪称典范。它始终作为一个动态文档发挥着至关重要的作用,也就是说,它是一个与构建框架并将其传达给其他人的协作工作同步的工具: 抽象和记录 WhatsApp 号码数据 组件成为我们协同构建这一工具和 Bootstrap 的过程的一部分。—马克·奥托,2012 年 马克本人非常喜欢优秀的文档。的代码指南证明了他的态度,即高质量文档是编写高质量代码的重要组成部分。 版本 4 的文档已使用Markdown从头开始重写,并且其外观已通过新的布局、调色板和系统字体的使用进行了修改。 引导文档: 使用传统的侧边栏导航和全新的搜索表单,导航起来很愉快 以逻辑方式构建信息;内容绝不会让人不知所措或令人困惑 的不同方式到使用每个组件以及处理浏览器怪癖。 最后,如果您想在计算机上本地运行 Bootstrap 文档,请按照以下说明进行操作。 #2 一流的模块化架构 Bootstrap 经常成为人们抱怨代码臃肿、CSS 样式过于固执以及组件数量过多的目标。好消息是 Bootstrap 4 对其结构进行了简化和进一步模块化。 首先,一些组件已被完全消除。Glyphicons图标库不再与框架捆绑在一起。面板、孔和缩略图被卡片组件取代。此外,所有 CSS 重置/规范化代码和基本样式现在都在一个名为Reboot的全新模块中处理。 Learn to Code with JavaScript 可以肯定地说,现在使用 Bootstrap 感觉比以往任何时候都更像以不同的方式组装和排列乐高积木。这里有一些例子来阐明我的意思。 易于覆盖的变量 Bootstrap 的 Sass 变量使用该!default标志,这使您可以轻松覆盖它们的值。获取最新版本的代码编辑器中打开。
|
|