Bootstrap (front-end framework)

Bootstrap (front-end framework)
Name	Bootstrap
Developer	Twitter, Mark Otto, Jacob Thornton
Released	19 August 2011
Programming language	HTML, CSS, JavaScript
Genre	Front-end framework
License	MIT License

Bootstrap (front-end framework) is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains HTML, CSS, and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components. Originally created by designers Mark Otto and Jacob Thornton at Twitter to maintain consistency across internal tools, it was released as an open-source project in August 2011 and has since become one of the most popular projects on GitHub.

History

Bootstrap was developed at Twitter by Mark Otto and Jacob Thornton as a framework to encourage consistency across internal tools. Prior to its development, various libraries were used for interface development, leading to inconsistencies and high maintenance burden. The project, initially named Twitter Blueprint, was released as an open-source project on GitHub on August 19, 2011. Following its release, Bootstrap saw rapid adoption not only within Twitter but also across the wider developer community. The project's maintainers have since released several major versions, with significant contributions from a large community of developers. The core team eventually moved development to a separate organization to focus on the framework independently.

Features

The framework provides a collection of syntax for template designs, utilizing CSS and JavaScript components. Its core features include a powerful responsive grid system, extensive prebuilt components, and powerful JavaScript plugins built on jQuery. Bootstrap uses Sass for its CSS preprocessor, allowing for more modular and maintainable stylesheet development. The framework emphasizes responsive web design, ensuring websites work seamlessly on devices ranging from mobile phones to desktop computers. Other notable features include a comprehensive set of utility classes for rapid styling and built-in support for CSS Flexbox and CSS Grid layouts in recent versions.

Components

Bootstrap includes a wide array of reusable components built with its base styles. Key interface components include the navbar for site navigation, modal windows for dialog boxes, and carousels for image sliders. It provides styled versions of common HTML elements like buttons, forms, tables, and progress bars. The framework also offers more complex JavaScript-driven widgets such as dropdown menus, tooltips, popovers, and scrollspy. Each component is designed to be accessible and responsive, with documentation providing examples and code snippets for implementation. The component library is one of the primary reasons for Bootstrap's widespread adoption among developers at companies like Spotify and LinkedIn.

Customization

While Bootstrap provides a default theme, it is highly customizable. Developers can modify the framework's appearance by overriding its Sass variables, which control global styles like colors, spacing, and font stacks. The official build process uses Node.js and a command-line interface for compiling custom Sass files. Alternatively, the Bootstrap website provides a web-based customization tool to generate a tailored version of the CSS. This allows teams, such as those at NASA, to maintain brand consistency while leveraging the framework's structural benefits. Custom themes and component modifications are common, enabling integration with various projects like those on the WordPress platform.

Version history

The first stable version, Bootstrap 2, was released in January 2012, adding a flexible responsive grid system. Bootstrap 3, released in August 2013, redesigned components to be flat and mobile-first. A major rewrite, Bootstrap 4, was launched in January 2018, moving from Less to Sass, switching from px to rem units, and introducing new components like cards. The current major version, Bootstrap 5, was released in May 2021, which removed the dependency on jQuery, migrated to Vanilla JavaScript, and refined the form controls and utilities. Each major release is documented on the project's official website and discussed extensively within communities like Stack Overflow.

Reception and adoption

Bootstrap has received widespread acclaim for speeding up development and ensuring cross-browser compatibility, significantly influencing modern web design. It has been used by millions of websites and is a staple in the portfolios of developers and agencies worldwide. Major organizations like NASA, Fox News, and Vogue have utilized Bootstrap for their web properties. The framework's popularity is reflected in its position as one of the most-starred projects on GitHub. Criticisms have included the potential for websites to have a similar "generic" look, though its customization capabilities mitigate this. Its integration into platforms like WordPress and frameworks like Ruby on Rails has further cemented its role as a foundational tool in front-end development.

Category:Free HTML editors Category:Free software programmed in JavaScript Category:Cascading Style Sheets Category:Front-end web development