2016-08-31 2 views
0

私は角度NGリピートブートストラップツールチップを使用しています - その[OK]を、私は私が実際にツールチップの位置を変えることができる方法を見てカントを除き、デフォルトではそれが中心にポップアップしますアイコンの上私はそれがアイコンから左揃え持って探しています - 私は何を意味するかを見るには画像を参照してください...angularjs ngのリピートブートストラップ位置

how to change bootstrap tooltip alignment

それは別々に利用できるようになりますように私は、そのようにハードコーディングカント同じ行の列なので、CSSの80pxを画面の左側から言うことはできません...一般的に(その簡単なことはありません)... :-) あなたはどんなアドバイス... appreciated-おかげ

答えて

0

試しuse属性 "データ配置"、例があるとします。ここでは

<a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!">Hover</a> 

ドキュメントのツールチップのブートストラップ: http://getbootstrap.com/javascript/#tooltips

+0

こんにちはおかげでしかし、私の場合は、アイテムの上にツールチップを表示しますが、上/下の 'データ配置'を使用すると、実際にはアイテムの中心にツールチップが配置されているように見えます。私はアイテムの位置からいくつかの並べ替えを動的にオフセットを探しています(すなわち:現在のアイテムの位置オフセット:-80px)またはsomet興...その可能性... – MikeSoys

+0

2 optons場合: 1.作成するスタイル例: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_tooltip_css&stacked=hは 2.使用ディレクティブの角度"http://angular-ui.github.io/bootstrap/#/tooltip" を追加し、クラスcssにプロパティを追加します。 例: あなたのカスタムクラス:{margin-top:80px; }

+0

ok ...怠け者でもないものでも、私のCSSは素晴らしいものではありません(別の指令を避けることができると思っていました)、この問題の例を見たことがあります。 – MikeSoys