<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<div class="col-xs-12">
<i class="icon-help glyphicon glyphicon-question-sign"
tabindex="0"
role="button"
data-toggle="popover"
data-trigger="focus"
data-html="true"
title="Help Title"
data-content="And here's some amazing content. It's very engaging. <a href='http://www.google.com'>Right</a>?"></i>
</div>
</div>
</div>
