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

This article will explain in detail why there is no content in the pop-up box using bootstrap. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

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).

Popover plug-ins generate content and tags as required, and by default place pop-up boxes (popover) after their trigger elements. You can add a pop-up box (popover) in two ways: (recommended study: Bootstrap video tutorial)

Through the data attribute: to add a popover, simply add data-toggle= "popover" to an anchor / button tag. The title of the anchor is the text of the popover. By default, the plug-in sets the pop-up box (popover) at the top.

Please hover over mine

Enable the pop-up box (popover) via JavaScript: JavaScript:

$('# identifier') .popover (options)

Unlike the drop-down menus and other plug-ins discussed earlier, the Popover plug-in is not a pure CSS plug-in. To use the plug-in, you must activate it (read javascript) using jquery.

Use the following script to enable all pop-ups (popover) on the page:

(function () {$("[data-toggle='popover']") .popover ();})

The following example demonstrates the use of a pop-up box (Popover) plug-in through the data property.

Bootstrap instance-Popover $(function () {$("[data-toggle='popover']"). Popover ();}) to the right of the Popover at the top of the Popover on the left side of the pop-up box (Popover) plug-in This is the end of the article on "Why there is no content in the pop-up box using bootstrap". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

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.