popover

popover

by Varun Krishna P

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<span data-toggle="popover">
    Hello world
    <i class="glyphicon glyphicon-question-sign question"></i>
</span>

JavaScript

$('[data-toggle="popover"]').popover({
    placement : 'bottom',
    title : 'popover title',
    content : 'popover-message'
});