B 代表 Bootstrap

欢迎回到《开放源码软件 ABC》，在这里我们将一个字母一个字母地介绍开放源码软件的历史和影响。我是主持人泰勒，今天我们来到B - Bootstrap。

‍

Bootstrap 的诞生

让我们回到2011 年，Twitter向世界发布 Bootstrap的时候。在当时，构建一个美观大方的响应式网站是一场艰苦的战斗。如果你想让你的网站在各种设备上都能正常运行，你就必须从头开始手工制作CSS，每一个项目都要逐行制作。

Bootstrap 一夜之间改变了这一切。

‍

为什么说 Bootstrap 是一场革命

Bootstrap 为开发人员提供了两种改变游戏规则的工具：

1. 强大的网格系统--布局终于可以分成行和列，以适应不同的屏幕尺寸。
   
2. 预设样式的组件--导航栏、按钮、模态、表单、下拉菜单等，只需几行 HTML 代码即可使用。
   

开发人员不必为每个项目都重新发明轮子，他们可以直接插入 Bootstrap，在几个小时而不是几周内就能拥有一个响应迅速、外观专业的网站。

请记住，这正是移动优先设计成为标准的时候。Bootstrap 让任何开发人员都能实现移动可访问性，而不仅仅是 CSS 专家。

‍

组件革命

Bootstrap 不仅节省了时间，还重塑了我们对用户界面开发的看法。它的组件系统是当今设计系统和现代组件库的先驱。

从卡片和提示到工具提示和表格，Bootstrap 规范了常见元素的外观和行为。它在整个网络中创造的一致性是前所未有的。

即使你现在使用的是Tailwind、Material UI 或自定义设计系统，你也几乎肯定在使用 Bootstrap 流行起来的模式。

‍

缺点引导疲劳

当然，Bootstrap 并不完美。设计师们尤其记得"Bootstrap 疲劳症 "的日子，因为每个人都使用相同的默认样式，所以每个网站看起来几乎一模一样。

随着Flexbox和 CSSGrid 等现代 CSS 功能的出现，Bootstrap 的一些布局工具已经不像以前那么重要了。尽管如此，Bootstrap 的影响力仍然不可否认。

‍

Bootstrap 的持久影响

Bootstrap 让整个行业认识到，设计系统不仅仅是为了外观，更重要的是效率、一致性和生产力。它帮助开发人员避免了无穷无尽的浏览器错误、布局黑客以及为了让下拉菜单在 IE 和 Chrome 浏览器中表现相同而浪费的时间。

其遗产是显而易见的：

• 现在，基于网格的布局已成为常态。
  
• 可重用组件是 React 和 Vue 等框架的基础。
  
• 设计系统已成为软件开发的标准做法。
  

Bootstrap 也许不再是最热门的工具，但它的基因在现代前端开发中无处不在。

‍

总结

B就是Bootstrap，它是一个让网络响应更快、更一致、更漂亮的框架。

下一次，我们将讨论 "合规"（Compliance）--是的，我们正在讨论SOC 2、GDPR 以及所有让工程师和法律团队时刻保持警惕的监管挑战。

在此之前，请保持代码整洁并更新依赖关系。