twitter bootstrap 3 - How to correct bootstrap3 and tooltip: placement display error? -

I have some elements with Bootstrap 3

The black triangle is in the middle of the tooltip.

My placement set is "Auto" for

and even by removing all my CSS and all JS (keeping only bootstrap and CSS) I have this problem

  // I keep it for testing and still have problems & lt; Script type = "text / javascript" src = "js / jquery-1.11.1.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "js / bootstrap.min.js" & gt; & Lt; / Script & gt; & Lt; Link href = "css / bootstrap.min.css" rel = "stylesheet" type = "text / css" & gt;  

Here's how it is called (in footer.php)

  (function () {bootbox.setDefaults ({locale: "en" Tooltip ({Placement: "Auto"});  

Here's the full page

  & lt ;; Doctype html & gt;   gt; meta pigment = "utf-8" & gt; & lt; script type = "text / javascript" src = "js / Jquery-1.11.1.me.js "& gt;> script type =" text / javascript "src =" js / bootstrap.min.js "& gt; & lt; / script & gt; & lt; Link href = "css / bootstrap.min.css" Rel = "st Ilesheet "type =" text / css "> gt   gt; div class =" btn-group "data-toggle =" button "& gt; & lt; ; Label title = "main-stage" class = "btn btn-default active"> input type = "radio" name = "option" checked & gt; man-stage & lt; / label & gt; Lt; label title = "chat with DJ" class = "btn btn-default" & gt; & lt; input type = "radio" name = "option" & gt; DJ & lt; / Labels & gt; & Lt; Label title = "chat with manager" category = "btn btn-default" & gt; & Lt; Input type = "radio" name = "option" & gt; Manager & lt; / Labels & gt; & Lt; / Div & gt; & Lt; Script & gt; (Function () {$ ('[title]'). Tooltip ({placement: "auto"});}) (); & Lt; / Script & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

FIDDLE: