Bootstrap's tooltip moves table cells to right a bit on hover

Question

I am using Bootstrap 3.1.1 for my project. Each cell in my table contains data like 000 or 111. On hover, I want to display this data as a tooltip. So

Answer 1

You can set the "data-container" at this way:

// initalize boostrap tooltip
    $(function () {
        $('[data-toggle="tooltip"]').tooltip({
            container: 'body'
        })
    })

Answer 2

You have to add the data-container="body" as per documentation.

<td data-original-title="999" data-container="body"
 data-toggle="tooltip" data-placement="bottom" title="">
 &nbsp;
</td>

http://jsfiddle.net/uEqF2/2/