Kendo Window and BS3

HTML

<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<a id="popover" href="#">Color Picker</a>

JavaScript

function getContent() {
	console.log("getContent");
  return $("<div></div>")
    .kendoFlatColorPicker({
      value: "#ffffff"
    }).click(function(event) {
      event.stopPropagation();
    });
}

$("#popover").popover({container: "body", content: getContent, html: true, placement: "bottom", trigger: "manual"}).click(function(event) {
	$("#popover").popover('show')
  	event.stopPropagation();
})

$(document).click(function() {
	$("#popover").popover('hide')
})