bootstrap-popover-on-hover

1.0.0 • Public • Published

Responsive Popover on hover built with Bootstrap 5. Examples of custom html, directions, images & more.

Check out Bootstrap Height Documentation for detailed instructions & even more examples.

Basic example

Bootstrap 5 Overlay

<img
  src="https://mdbcdn.b-cdn.net/img/new/standard/city/041.webp"
  class="img-thumbnail"
  alt="Hollywood Sign on The Hill"
  data-mdb-toggle="popover" 
  title="Popover title"
  data-mdb-content="And here's some amazing content. It's very engaging. Right?"
  data-mdb-trigger="hover" 
/>

How to use?

  1. Download MDB 5 - free UI KIT

  2. Choose your favourite customized component and click on the image

  3. Copy & paste the code into your MDB project

▶️ Subscribe to YouTube channel for web development tutorials & resources

More examples

Bootstrap Popover directions: Bootstrap 5 Popover on hover

Bootstrap Popover with custom html: Bootstrap 5 Popover on hover

Bootstrap Popover with image: Bootstrap 5 Popover on hover


More extended Bootstrap documentation

Package Sidebar

Install

npm i bootstrap-popover-on-hover

Weekly Downloads

6

Version

1.0.0

License

ISC

Unpacked Size

6.26 MB

Total Files

360

Last publish

Collaborators

  • makusref10