Bootstrap 3 Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<br><br><br>
<a href="#" class="btn btn-small pull-left pop-right" data-toggle="popover" data-content="" >View Property</a>

CSS

iframe {
	height: 40px;
	min-height : 40px;
}

.popover {
    max-width: 400px;
}

JavaScript

function adjustPopover(popover, iframe) {
	var height = iframe.contentWindow.document.body.scrollHeight + 'px',
		popoverContent = $(popover).next('.popover-content');

    iframe.style.height=height;
	popoverContent.css('height', height);
}

$(document).ready(function() {
   $('.pop-right').popover({ 
       title : 'Loading External File',
       html : true,
       placement : "right",
       content: function() {
           return '<iframe src="/css/normalize.css" style="border:none" onload="adjustPopover(&quot;.pop-right&quot;, this);">'+
                  '</iframe>';    
           }
    });
});