Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by André Albson

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="panel">
    <div class="panel-body">
        <input type="text" id="text_input" data-toggle="popover"
        data-content="blah" data-trigger="focus" data-placement="left"/>
    </div>
</div>

CSS

.panel {
    width:50%;
    margin-left: auto;
    margin-right: auto;
}

JavaScript

$(document).ready(function(){

    $("[data-toggle='popover']").popover();    
    
    $("#text_input").on("shown.bs.popover", function(){
          
          $(".popover").css("left", 
          parseInt($(".popover").css("left")) - 20);
      
      });
    
});