Shulou(Shulou.com)06/03 Report--

This article mainly explains "what plug-ins are there in bootstrap". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn what plug-ins bootstrap has.

Bootstrap comes with a 12 jQuery plug-in that extends the functionality to add more interaction to the site. Even if you are not a senior JavaScript developer, you can start to learn Bootstrap's JavaScript plug-in.

With Bootstrap data API (Bootstrap Data API), most plug-ins can be triggered without writing any code.

The transition effects (Transition) plug-in provides simple transition effects.

Transition.js is the basic helper class for transitionEnd events and CSS transition effects simulators. It is used by other plug-ins to check CSS transition support and to get transition effects.

Mode frame (Modal) plug-in

A Modal is a child form that overrides the parent form. Typically, the goal is to display content from a separate source, and there can be some interaction without leaving the parent form. Sub-forms can provide information, interactions, and so on.

Drop-down menu (Dropdown) plug-in

Using the drop-down menu (Dropdown) plug-in, you can add a drop-down menu to any component, such as navigation bars, tabs, capsule navigation menus, buttons, and so on.

Rolling monitor (Scrollspy) plug-in

The scroll monitoring (Scrollspy) plug-in, that is, the automatic update navigation plug-in, automatically updates the corresponding navigation target according to the position of the scroll bar. The basic implementation is to add .active class to the location navigation bar based on the scroll bar as you scroll.

Tab (Tab) plug-in

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

Prompt tool (Tooltip) plug-in

The Tooltip tool is very useful when you want to describe a link. The Tooltip plug-in is inspired by jQuery.tipsy written by Jason Frame. The Tooltip plug-in has made a lot of improvements, such as not relying on images, but instead using CSS for animation and using the data attribute to store title information.

Pop-up box (Popover) plugin

A pop-up box (Popover), similar to a tooltip (Tooltip), provides an extended view. To activate the pop-up box, the user can simply hover the mouse over the element. The contents of the pop-up box can be fully populated with Bootstrap data API (Bootstrap Data API). This method relies on tooltips (tooltip).

Warning box (Alert) plug-in

Alert messages are mostly used to display information such as warning or confirmation messages to end users. Using the warning box (Alert) plug-in, you can add a dismiss feature to all warning box messages.

Button (Button) plug-in

Buttons (Button) are introduced in the chapter on Bootstrap buttons. Through the Button plug-in, you can add interactions, such as controlling button state, or creating button groups for other components, such as toolbars.

Collapse plug-in

The Collapse plug-in makes it easy to fold the page area. Whether you use it to create collapsible navigation or content panels, it allows a number of content options.

Carousel plug-in

The Bootstrap Carousel plug-in is a flexible, responsive way to add sliders to your site. In addition, the content is flexible enough to be images, embedded frames, 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 that it is fixed at a certain location on the page. A common example is the social icon. They will start somewhere, but when the page clicks a tag, it will be locked in a location and will not scroll with the rest of the page.

Thank you for your reading, the above is the content of "what plug-ins bootstrap have". After the study of this article, I believe you have a deeper understanding of what plug-ins bootstrap have, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.