What are the bootstrap plug-ins?

Bootstrap comes with 12 jQuery plug-ins, which expands the functionality and can add more interactions to the site. Even if you are not an advanced JavaScript developer, you can start learning Bootstrap’s JavaScript plugin.

Using the Bootstrap Data API, most plug-ins can be triggered without writing any code. (Recommended learning: Bootstrap video tutorial)

Transition effect (Transition) plug-in provides a simple transition effect.

Transition.js is the basic helper class for the transitionEnd event and CSS transition effect simulator. It is used by other plugins to check for CSS transition support and to obtain transition effects.

Modal plug-in

Modal is a subform that covers the parent form. Typically, the purpose is to display content from a separate source that can have some interaction without leaving the parent form. Subforms provide information, interaction, and more.

Dropdown menu (Dropdown) plug-in

Using the drop-down menu (Dropdown) plug-in, you can add content to any component (such as navigation bar, tab page, capsule navigation menu, button, etc.) to add a drop-down menu.

Scrollspy plug-in

Scrollspy plug-in, which is an automatic update navigation plug-in, will automatically update the corresponding navigation target according to the position of the scroll bar. The basic implementation is to add an .active class to the navigation bar based on the position of the scroll bar as you scroll.

Tab Plugin

Tab You can easily create a tab interface by combining some data attributes. With this plugin you can place content in tabs, capsule tabs or even drop-down menu tabs.

Tooltip plug-in

Tooltip is very useful when you want to describe a link. The Tooltip plugin was inspired by jQuery.tipsy written by Jason Frame. The Tooltip plug-in has made many improvements. For example, it does not need to rely on images, but instead uses CSS to achieve animation effects and uses the data attribute to store title information.

Popover plug-in

The popover is similar to the tooltip and provides an expanded view. To activate the popover, users simply hover over the element. The content of the popup box can be filled entirely using the Bootstrap Data API. This method relies on tooltips.

Alert plug-in

Alert messages are mostly used to display information such as warnings or confirmation messages to end users. Using the Alert plugin, you can add dismissal functionality to all alert messages.

Button plug-in

Button was introduced in the Bootstrap Button chapter. With the Button plug-in, you can add some interactions, such as controlling button states, or create button groups for other components (such as toolbars).

Collapse plugin

The Collapse plugin makes it easy to collapse page areas. Whether you use it to create accordion navigation or content panels, it allows for a lot of content options.

Carousel plugin

The Bootstrap Carousel plugin is a flexible and responsive way to add sliders to your site. Beyond that, the content is flexible enough and can be images, iframes, videos, or any other type of content you want to place.

Additional Navigation (Affix) Plug-in

The Additional Navigation (Affix) plug-in allows you to specify

to be fixed at a certain position on the page. A common example is social icons. They will start at a certain position, but when a mark is clicked on the page, the

will be locked in position and will not scroll with the rest of the page.

For more technical articles related to Bootstrap, please visit the Bootstrap Tutorial column to learn!

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