ブートストラップのツールチップの問題

Question

私のツールチップは、関連するリンクの下に表示されます。

私は私の頭の中で次のスタイルがあります：私は身体の中で

<style> 
/* Tooltip on top */ 
.test + .tooltip.top > .tooltip-arrow { 
    border-top: 5px solid green; 
} 
</style> 

を：私が持っているすべての下部に

<a class="test" href="#" data-toggle="tooltip" data-placement="top" title="ROUND">R</a> 

：

<script> 
$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 
</script> 

を私がしましたガイドを次の場所から使用しようとしています：

の

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_tooltip_css&stacked=h 

任意のヒントやヒントはあなたが体値のツールチップのコンテナオプションを使用する必要が素晴らしい:)

Answer 1

次のようになります。

<button type="button" class="btn btn-default" data-container="body" data-toggle="tooltip" data-placement="left" title="Tooltip on left" >Tooltip on left</button> 

は、オプションの配列を見てみましょう公式の文書で：http://getbootstrap.com/javascript/#tooltips