What are the components of bootstrap?

Bootstrap components include: Modal modal dialog box, Dropdown drop-down menu, Scrollspy scrolling monitoring, Tab tab page, Tooltip tool tip, Popover floating tip, Carousel carousel, Affix additional navigation, Collapse folding and other plug-ins .

Bootstrap, from Twitter, is currently the most popular front-end framework.

Bootstrap is based on HTML, CSS, and JAVASCRIPT. It is simple and flexible, making web development faster. [Related recommendation: "bootstrap Video Tutorial"]

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

Component: Generally refers to a part of a software system that assumes specific responsibilities and can be developed and tested independently of the entire system. A well-designed component should be able to be used in different software systems. (reusable).

For example, we can write a responsive navigation bar component for the official website. When the official website expands the page, it can be directly pulled over and reused.

#What are the components of bootstrap?

bootstrap provides typography, forms, buttons, navigation and various other 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, 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).

For more programming-related knowledge, please visit:Programming Learning! !

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