What components does bootstrap have?

What are the components of bootstrap?

Bootstrap is a set of open source front-ends for website and web application development (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, provides typography, forms, buttons, navigation and other various components and Javascript extensions, aiming to make the development of dynamic web pages and web applications easier.

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, buttons with drop-down menu options, Navigation bar, 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 components does bootstrap have?. For more information, please follow other related articles on the PHP Chinese website!