Make bootstrap popover work with custom html template

Question

I am using an input group textbox and I need the Bootstrap 3 popover to work and the popover template should be defined &n designed by me. So the html I have currently with

Answer 1

you are missing the content of the popover, you'll need something like this

$(document).ready(function () {
    var popoverTemplate = ['
',
        '
',
        '
',
        '
',
        '
'].join('');

    var content = ['
asfaf asfsadf
',
        '
asdf asdfasf
',
        '
 asfa 
', ].join('');


    $('body').popover({
        selector: '[rel=popover]',
        trigger: 'click',
        content: content,
        template: popoverTemplate,
        placement: "bottom",
        html: true
    });
});

Working demo