title: bootstrap tooltip not considering data-placement parameter
body: <p>I have added bootstrap tooltip parameters as follows on my element : </p>
  
  <pre><code>&lt;input type="text" name="appbundle" data-toggle="tooltip" data-placement="top" title="My title" class="form-control"&gt;
  </code></pre>
  
  <p>I also have added the following script :</p>
  
  <pre><code>$('[data-toggle="tooltip"]').tooltip();
  </code></pre>
  
  <p>Well, the tooltip is displaying but it is not respecting the data-placement parameter : it's always at the bottom of the control.</p>
  
  <p>I have seen there was some issues with positioning but all i found was from long ago and I have now bootstrap 3.3.1.</p>
  
  <p>Any clue on how to resolve this ?</p>
  
  <p>Edit:
  Here is a sample code with the same librairies I am using. Still not working</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="vendor/bootstrap-3.3.1/css/bootstrap-theme.min.css"&gt;
      &lt;link rel="stylesheet" href="vendor/bootstrap-3.3.1/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="vendor/jquery-ui-1.11.2/jquery-ui.min.css"&gt;
      &lt;link rel="stylesheet" href="vendor/jquery-ui-1.11.2/jquery-ui.structure.min.css"&gt;
      &lt;link rel="stylesheet" href="vendor/jquery-ui-1.11.2/jquery-ui.theme.min.css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;script src="vendor/bootstrap-3.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="vendor/bootstrap-3.3.1/js/npm.js"&gt;&lt;/script&gt;
      &lt;script src="vendor/jquery/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="vendor/jquery-ui-1.11.2/jquery-ui.min.js"&gt;&lt;/script&gt;
  
      &lt;p&gt;test&lt;/p&gt;
      &lt;br&gt;
      &lt;input type="text" name="appbundle" data-toggle="tooltip" data-placement="top" title="My title" class="form-control"&gt;
  
  &lt;script&gt;
      $(function(){
          $('[data-toggle="tooltip"]').tooltip();
      });
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>