Articles → BOOTSTRAP → Popover In Bootstrap

Popover In Bootstrap

What is a popover?


<!DOCTYPE html>
<html lang="en">
    <title>Pop Over Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="">
    <script src=""></script>
    <script src=""></script>

    <div class="container">
        <a href="#" data-toggle="popover" 
           title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>
            $(document).ready(function () {




Picture showing the output of Popover in Bootstrap

Click to Enlarge

Show the popover on mouse hover

Picture showing the data-trigger attribute added to show the popover on mouse hover

Click to Enlarge

Posted By  -  Karan Gupta
Posted On  -  Wednesday, November 24, 2021


Your Email Id  
Query/FeedbackCharacters remaining 250