When did bootstrap appear?
Bootstrap was originally called Twitter Blueprint and was written by Mark Otto and Jacob Thornton of Twitter. The intention is to create a set of tools and frameworks that can maintain consistency. Before Bootstrap, developing interfaces required using different code libraries, which could easily lead to inconsistencies and increase the burden of maintenance. Twitter developer Mark Otto said:
"I worked with a few developers to design and create a new tool for internal use, and then we saw an opportunity to do more. From there, we found that we The designed tools were more powerful than those designed by others. A few months later, we made a prototype of Bootstrap and shared documents, designs and resources within the company."
After several months of hard work by a team, Many developers at Twitter regarded it as part of Hack Week (a hackathon-like week popular among Twitter developers) and began to participate in development. We renamed Twitter Blueprint to Bootstrap and released it as an open source project on August 19, 2011. Since then the project has continued to be maintained by Mark Otto, Jacob Thornton and a core development team, in addition to numerous contributors from the community.
On January 31, 2012, Bootstrap 2 was released. This version adds a twelve-column grid layout and responsive components, and makes changes to many components. Bootstrap 3 was released on August 19, 2013. It began to prioritize mobile devices and began to use flat design.
On April 23, 2015, Mark Otto announced that Bootstrap 4 was being developed. The first alpha version of Bootstrap 4 was deployed on August 19, 2015.
Related recommendations: "bootstrap tutorial"
The above is the detailed content of When did bootstrap appear?. For more information, please follow other related articles on the PHP Chinese website!
Understanding the Bootstrap Grid System for Responsive Web DesignMay 14, 2025 am 12:07 AMBootstrap'sgridsystemiseffectiveduetoits12-columnlayoutandresponsiveclasses,allowingforflexibleandmaintainabledesigns.Toleverageit:1)Userowsandcolumnswithclasseslikecol-md,col-sm,andcol-lgfordifferentscreensizes.2)Simplifylayoutsbyavoidingexcessivene
Bootstrap Grid System: A Comprehensive Guide to Responsive LayoutsMay 13, 2025 pm 04:17 PMBootstrapGridSystemisessentialforcreatingresponsivelayouts.1)Itusescontainers,rows,andcolumnsbasedona12-columnlayout.2)CSSflexboxandmediaqueriesensureflexibilityacrossscreensizes.3)Classeslikecol-xs,col-sm,col-md,andcol-lgcontrollayoutchanges.4)Avoid
Bootstrap: Applications and Advantages ExplainedMay 10, 2025 am 12:18 AMBootstrap is a front-end framework for quickly building responsive websites. Its advantages include: 1. Rapid development: leverage predefined styles and components. 2. Consistency: Provide a unified design style. 3. Responsive design: The built-in grid system is adapted to various devices. Bootstrap simplifies the web development process through CSS classes and JavaScript plug-ins.
Bootstrap: Simplifying Responsive Web DevelopmentMay 09, 2025 am 12:13 AMBootstrap simplifies the development process mainly through its raster system, predefined components and JavaScript plug-ins. 1. The grid system allows for flexible layout, 2. Predefined components such as buttons and navigation bars simplify style design, 3. JavaScript plug-in enhances interactive functions and improves development efficiency.
Bootstrap: The Key to Responsive Web DesignMay 08, 2025 am 12:24 AMBootstrap is an open source front-end framework developed by Twitter, providing rich CSS and JavaScript components, simplifying the construction of responsive websites. 1) Its grid system is based on a 12-column layout, and the display of elements under different screen sizes is controlled through class names. 2) The component library includes buttons, navigation bars, etc., which are easy to customize and use. 3) The working principle depends on CSS and JavaScript files, and you need to pay attention to handling dependencies and style conflicts. 4) The usage examples show basic and advanced usage, emphasizing the importance of custom functionality. 5) Common errors include grid system calculation errors and style coverage, which require debugging using developer tools. 6) Performance optimization recommendations only introduce necessary components and customize samples using preprocessors
Bootstrap: A Powerful Framework for Web DesignMay 07, 2025 am 12:05 AMBootstrap is an open source front-end framework developed by the Twitter team to simplify and speed up the web development process. 1.Bootstrap is based on HTML, CSS and JavaScript, and provides a wealth of components and tools for creating modern user interfaces. 2. Its core lies in responsive design, implementing various layouts and styles through predefined classes and components. 3.Bootstrap provides predefined UI components, such as navigation bars, buttons, forms, etc., which are easy to use and adjust. 4. Examples of usage include creating a simple navigation bar and advanced collapsible sidebar. 5. Common errors include version conflicts, CSS overwrites and JavaScript errors, which can be used through the version management tool.
The Power of Bootstrap in React: A Detailed LookMay 06, 2025 am 12:06 AMBootstrap can be integrated in React in two ways: 1) CSS and JavaScript files using Bootstrap; 2) Use the React-Bootstrap library. React-Bootstrap provides encapsulated React components, making using Bootstrap in React more natural and efficient.
Using Bootstrap Components in React: A Step-by-Step TutorialMay 05, 2025 am 12:09 AMThere are two ways to use Bootstrap components in React projects: 1) CSS and JavaScript of the original Bootstrap; 2) Use libraries designed specifically for React such as react-bootstrap or reactstrap. 1) Install Bootstrap through npm and introduce its CSS file in the entry file, and then use the Bootstrap class name in the React component. 2) After installing react-bootstrap or reactstrap, directly use the React components it provides. Use these methods to quickly build a responsive UI, but pay attention to style loading and JavaScript
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
SublimeText3 Linux new version
SublimeText3 Linux latest version
SecLists
SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.
ZendStudio 13.5.1 Mac
Powerful PHP integrated development environment
DVWA
Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software
Notepad++7.3.1
Easy-to-use and free code editor
