Bootstrap Modal Error

Shows the display of the previously loaded content when launching the modal a number of times.

by davidpauljunior

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<ul>
    <li><a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top">Tooltip on top</a>
    </li>
    <li><a href="#" data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right">Tooltip on right</a>
    </li>
    <li><a href="#" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom">Tooltip on bottom</a>
    </li>
    <li><a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">Tooltip on left</a>
    </li>
</ul>

SCSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
ul {
   margin-top: 100px;
    li {
        display: inline;
        padding: 0 10px;
    }
}

JavaScript

$('li > a').tooltip();