Bootstrap (front-end framework)
This article relies too much on references to primary sources. (February 2017) (Learn how and when to remove this template message)
|Original author(s)||Mark Otto, Jacob Thornton|
|Developer(s)||Bootstrap Core Team|
|Initial release||August 19, 2011|
4.1.1 / April 30, 2018
|License||MIT License (Apache License 2.0 prior to 3.1.0)|
Bootstrap, originally named Twitter Blueprint, was developed by Mark Otto and Jacob Thornton at Twitter as a framework to encourage consistency across internal tools. Before Bootstrap, various libraries were used for interface development, which led to inconsistencies and a high maintenance burden. According to Twitter developer Mark Otto:
"A super small group of developers and I got together to design and build a new internal tool and saw an opportunity to do something more. Through that process, we saw ourselves build something much more substantial than another internal tool. Months later, we ended up with an early version of Bootstrap as a way to document and share common design patterns and assets within the company."
After a few months of development by a small group, many developers at Twitter began to contribute to the project as a part of Hack Week, a hackathon-style week for the Twitter development team. It was renamed from Twitter Blueprint to Bootstrap, and released as an open source project on August 19, 2011. It has continued to be maintained by Mark Otto, Jacob Thornton, and a small group of core developers, as well as a large community of contributors.
On January 31, 2012, Bootstrap 2 was released, which added a twelve-column responsive grid layout system, inbuilt support for Glyphicons, several new components, as well as changes to many of the existing components.
On October 29, 2014, Mark Otto announced that Bootstrap 4 was in development. The first alpha version of Bootstrap 4 was released on August 19, 2015. The first beta version was released on 10 August 2017. The stable version of Bootstrap 4 was released on January 18, 2018 basically improving print styles, border utilities and provides more control over the flexbox.
Bootstrap 3 supports the latest versions of the Google Chrome, Firefox, Internet Explorer, Opera, and Safari (except on Windows). It additionally supports back to IE8 and the latest Firefox Extended Support Release (ESR).
Since 2.0, Bootstrap supports responsive web design. This means the layout of web pages adjusts dynamically, taking into account the characteristics of the device used (desktop, tablet, mobile phone).
Starting with version 3.0, Bootstrap adopted a mobile-first design philosophy, emphasizing responsive design by default.
Structure and function
This section may need to be rewritten entirely to comply with Wikipedia's quality standards. (February 2017)
Bootstrap is modular and consists of a series of Less stylesheets that implement the various components of the toolkit. These stylesheets are generally compiled into a bundle and included in web pages, but individual components can be included or removed. Bootstrap provides a number of configuration variables that control things such as color and padding of various components.
Since Bootstrap 2, the Bootstrap documentation has included a customization wizard which generates a customized version of Bootstrap based on the requested components and various settings.
Grid system and responsive design comes standard with an 1170 pixel wide grid layout. Alternatively, the developer can use a variable-width layout. For both cases, the toolkit has four variations to make use of different resolutions and types of devices: mobile phones, portrait and landscape, tablets and PCs with low and high resolution. Each variation adjusts the width of the columns.
Bootstrap provides a set of stylesheets that provide basic style definitions for all key HTML components. These provide a uniform, modern appearance for formatting text, tables and form elements.
In addition to the regular HTML elements, Bootstrap contains other commonly used interface elements. The components are implemented as CSS classes, which must be applied to certain HTML elements in a page.
On October 29, 2014, Mark Otto announced that Bootstrap 4 was in development. On September 6, 2016, Mark suspended work on Bootstrap 3 in order to free up time to work on Bootstrap 4. Over 4,000 commits have been made to the Bootstrap 4 codebase so far.
Bootstrap 4 is almost a complete rewrite from Bootstrap 3. Significant changes include:
- Switched from Less to Sass.
- Dropped IE8, IE9, and iOS 6 support.
- Added flexbox support and then dropped non-flexbox support.
- Switched from pixels to root ems.
- Increased global font-size from 14px to 16px.
- Dropped the panel, thumbnail, and well components in favor of cards.
- Dropped the Glyphicons icon font.
- Dropped the pager component.
- Rewrote almost all components, jQuery plugins and documentation.
- Otto, Mark (April 9, 2018). "Bootstrap 4.1.1 released".
- "Search · stars:>1". GitHub. Retrieved March 18, 2018.
- Otto, Mark (January 17, 2012). "Bootstrap in A List Apart No. 342". Mark Otto's blog. Archived from the original on October 28, 2016. Retrieved February 23, 2017.
- Otto, Mark (August 19, 2011). "Bootstrap from Twitter". Developer Blog. Twitter. Archived from the original on February 23, 2017. Retrieved February 23, 2017.
- "About". Bootstrap. Retrieved February 23, 2017.
- Otto, Mark (January 31, 2012). "Say hello to Bootstrap 2.0". Developer Blog. Twitter. Archived from the original on February 23, 2017. Retrieved February 23, 2017.
- Otto, Mark (August 19, 2013). "Bootstrap 3 released". Archived from the original on October 23, 2016. Retrieved February 23, 2017.
- Otto, Mark (October 29, 2014). "Bootstrap 3.3.0 released". Archived from the original on July 24, 2016. Retrieved February 23, 2017.
- Otto, Mark (August 19, 2015). "Bootstrap 4 alpha". Archived from the original on January 23, 2017. Retrieved February 23, 2017.
- Otto, Mark; Thornton, Jacob (2017-08-10). "Bootstrap 4 Beta". Retrieved 2017-08-16.
- contributors, Mark Otto, Jacob Thornton, and Bootstrap. "Bootstrap 4". blog.getbootstrap.com. Retrieved 2018-03-16.
- "Supported browsers". Bootstrap. Retrieved February 23, 2017.
- "Bootstrap, from Twitter 1.3.0 Documentation - BootstrapDocs". bootstrapdocs.com. Retrieved 2017-10-22.
|Wikimedia Commons has media related to Bootstrap (framework).|