Bootstrap
Bootstrap is a CSS framework born at Twitter (now X) in 2011, designed by Mark Otto and Jacob Thornton. It was created to unify the UI styles that had drifted apart across different internal tools, and was later open-sourced to become one of the major choices in web design.
Origin of the Name
"Bootstrap" literally refers to a boot's pull strap, and figuratively to "lifting yourself up by your own efforts." In computing the same word is the origin of "boot" — how an OS starts itself. As an internal Twitter project, the name carried the meaning of "a tool that lifts your design up by itself." It was originally called "Twitter Blueprint," then renamed to "Bootstrap" when it was open-sourced.
2011: The Birth of Bootstrap
In August 2011, Twitter engineers Mark Otto and Jacob Thornton started an internal project called "Twitter Blueprint" to unify the UI styles that had drifted apart across the company's tools. On August 19 of the same year, they released it on GitHub under the name Bootstrap.
Within days of its release, Bootstrap became the most-watched repository on GitHub and quickly established a "UI kit culture" in the JavaScript world. The decorative CSS that designers had previously written from scratch could now be distributed as a shared library of buttons, navigation, and grids that anyone could use.
Major Version Milestones
| Version | Year | Highlights |
|---|---|---|
| Bootstrap 1 | 2011 | Spun out from Twitter Blueprint; fixed grid |
| Bootstrap 2 | 2012 | Responsive support added (12-column fluid grid) |
| Bootstrap 3 | 2013 | Mobile-first, flat design |
| Bootstrap 4 | 2018 | Sass adopted; Flexbox-based grid; ECMAScript 6 support |
| Bootstrap 5 | 2021 | jQuery dependency removed; CSS variables expanded; stronger utility classes |
The biggest pivot was Bootstrap 5. Bootstrap had previously depended on jQuery, but the project removed it and rebuilt around plain JavaScript and CSS. The change matched the broader front-end industry's movement to step away from heavyweight jQuery.
Bootstrap Today
Bootstrap is still adopted on many websites around the world. Admin dashboards, internal tools, landing pages, and startup prototypes — anywhere "we want a polished look quickly" — still reach for Bootstrap as one of the first options.
In recent years, "utility-first" approaches such as Tailwind CSS have gained traction, and Bootstrap is now positioned more as the "component-centric" alternative. The two have different philosophies: Bootstrap composes UIs by component-shaped classes ("apply this class to make a button"), while Tailwind composes them from fine-grained utility classes for color, spacing, and size. Teams choose between them based on project nature and personal preference.
Bootstrap itself continues to evolve through Bootstrap Icons, derivative tools like Bootstrap Studio, and continuous minor updates within the 5.x line. Its position at the center of UI-kit culture has been long-lasting.
Related Dictionary
Bootstrap's grid system, components, utility classes, and practical patterns are covered in detail in the Bootstrap Dictionary.
シェアする