I've got a button in a table which should toggle a popover. I have set the data-container="body" as well as I have tried it with the javascript version.

My popover looks like this: (I have clicked the first button)

enter image description here

My button code is here:

<button id="testsettracesBtn1" class="btn btn-large btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click to toggle popover</button>

And here my javascript:

<script type="text/javascript">
      $("#testsettracesBtn1").popover({ container: 'body'});
</script>

How can i achieve it to place my popover right? (And yes I have the newest bootstrap version.)

javascript html twitter-bootstrap
Edit
Report