Sometimes we need to provide the link of the webpage specially if the content is coming from Ajax or we have multiple contents everyone opening on different webpage in a popover. At that time we can use this functionality of Bootstrap to get the webpage link. I have also attached a image showing how it looks on the webpage.

Note:- If you are using this functionality with Ajax do not forgot to rewrite the JS code in the success section of Ajax otherwise it won't work properly

JS

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

HTML

<span id="getLink" class="comment">
   <a href="javascript:void(0);" id="data-popup-over" data-toggle="popover" title="Get Link" data-html="true" data-content="<form><input value='{{$tinyUrl}}' type='text'/></form>" >
      {!! Html::image("images/get&#95;link.png", "Ambassador Link", array("title" => "Ambassador Link", "width" => "21px")) !!}
   </a>
</span>