Bootstrap is a front-end framework for quickly developing web applications and websites. The framework is based on HTML, CSS and JAVASCRIPT; bootstrap can quickly build a beautiful, fully functional website.

The operating environment of this article: Windows 7 system, bootsrap version 3.3.7, Dell G3 computer.

What is bootstrap framework? What does it do?

Bootstrap is a simple, intuitive, and powerful front-end development framework based on HTML, CSS, and JavaScript developed by designers Mark Otto and Jacob Thornton of Twitter Company in the United States, making Web development faster. Bootstrap provides elegant HTML and CSS specifications, which are written in the dynamic CSS language Less. Bootstrap has been very popular since its launch and has been a popular open source project on GitHub, including NASA's MSNBC (Microsoft National Broadcasting Company) Breaking News. Some frameworks that are familiar to domestic mobile developers, such as the WeX5 front-end open source framework, are also performance optimized based on the Bootstrap source code.

Bootstrap is a front-end framework for rapid development of web applications and websites. Bootstrap is based on HTML, CSS, and JAVASCRIPT.

Bootstrap is an open source product released on GitHub in August 2011.

Inclusions of Bootstrap

• Basic structure: Bootstrap provides a basic structure with a grid system, link styles, and background. This will be explained in detail in the Bootstrap basic structure section.

• CSS: Bootstrap comes with the following features: global CSS settings, defining basic HTML element styles, extensible classes, and an advanced grid system. This will be explained in detail in the Bootstrap CSS section.

• Components: Bootstrap contains more than a dozen reusable components for creating images, drop-down menus, navigation, alert boxes, pop-up boxes, and more. This will be explained in detail in the Layout Components section.

• JavaScript plug-ins: Bootstrap includes more than a dozen custom jQuery plug-ins. You can include all plugins directly or include them individually. This will be explained in detail in the Bootstrap plugin section.

• Customization: You can customize Bootstrap components, LESS variables and jQuery plugins to get your own version.

Why use Bootstrap?

• Mobile-first: Starting with Bootstrap 3, the framework includes mobile-first styles throughout the library.

• Browser support: All major browsers support Bootstrap.

• Easy to get started: As long as you have basic knowledge of HTML and CSS, you can start learning Bootstrap.

• Responsive design: Bootstrap’s responsive CSS can adapt to desktops, tablets, and mobile phones. For more information about responsive design, see Bootstrap Responsive Design.

• It provides a concise and unified solution for developers to create interfaces.

• It contains powerful built-in components and is easy to customize.

• It also offers web-based customization.

• It is open source.

Supported components

Bootstrap contains a wealth of Web components. Based on these components, you can quickly build a beautiful and fully functional website. , which includes the following components:

Drop-down menu, button group, button drop-down menu, navigation, navigation bar, path navigation, paging, layout, thumbnail, warning dialog box, progress bar, media object, etc.

Support plug-ins

Bootstrap comes with 13 jQuery plug-ins, which give "life" to components in Bootstrap. These include:

Modal dialog boxes, tabs, scroll bars, pop-up boxes, etc.

Recommended learning: "bootstrap video tutorial"

The above is the detailed content of What framework is bootstrap? What does it do?. For more information, please follow other related articles on the PHP Chinese website!