What is bootstrap and what it does

What is bootstrap and what does it do?

Bootstrap is a set of tools for website and web application development Open source front-end (the so-called "front-end" refers to the interface displayed to the end user. The corresponding "back-end" is the code running on the server) framework, including HTML, CSS and JavaScript frameworks, providing font printing, windowing Objects, buttons, navigation and various other components and Javascript extensions are designed to make the development of dynamic web pages and web applications easier.

Bootstrap adopts a modular design and uses the LESS style sheet language to implement various components and tools. A file named bootstrap.less includes these components and tools. Developers can modify this file to decide which components are needed for the project.

Limited customization is possible through a basic configuration file, and more in-depth customization is also possible.

LESS language supports variables, functions, operators, combined selectors and a feature called Mixin (mixin).

Starting from Bootstrap 2.0, the Bootstrap documentation includes a special option called "custom". Developers can choose the included components and effects according to their actual needs, and then generate and download the compiled package.

The grid system and responsive design are based on 1170 pixels wide. In addition, developers can also customize benchmarks. In both cases, Bootstrap offers four variations: mobile portrait, mobile landscape and tablet, PC low resolution, and high resolution, with each variant automatically adjusting the grid width.

CSS

Bootstrap defines the basic styles of a series of HTML components and designs a set of unique, modern styles for text, tables and form elements. .

Reusable components

In addition to basic HTML elements, Bootstrap also includes other commonly used interface elements, such as buttons with advanced functions (such as button combinations, with Buttons for drop-down menu options, navigation bars, horizontal and vertical tab groups, navigation, paging, etc.), tabs, advanced typography, thumbnails, warning messages, progress bars, etc.

These components are implemented using CSS classes. It needs to be mapped to a specific HTML element on the page.

JavaScript Components

Through jQuery, Bootstrap adds some JavaScript components. They provide functionality such as dialog boxes, tooltips, carousels, and more. In addition, some user interface elements have been enhanced, such as auto-complete for input boxes.

Bootstrap 2.0 supports the following JavaScript plug-ins: Modal (modal dialog box), Dropdown (drop-down menu), Scrollspy (scroll monitoring), Tab (tab page), Tooltip (tool tip), Popover (floating prompt) , Alert (warning), Button (button), Collapse (folding), Carousel (carousel), Typeahead (input prompt), Affix (additional navigation).

Recommended: "bootstrap Tutorial》

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