2012/11/14

[BootStrap]ツールチップを表示する

今、デモページを作っていて、tooltipsを実装する必要がでてきたので、その方法を調べました。

Tooltipsのページを読んでも、すぐにわからなかったのですが、ソースを直接調べた結果、以下のように落ち着きました。

<script>
jQuery(function($){
 $('a[rel=tooltip]').tooltip();
});
</script>
</head>
<body>
<div class="container">
 <div class="row">
  <div class="span12" >
   <a href="#" rel="tooltip" data-placement="top" data-original-title="this is tooltip">test</a>
  </div>
 </div>
</div>
</body>

IEだと、こんな感じ
Photobucket
chromeだとこんな感じ
Photobucket
やっぱり、chromeだと丸角がついてかっこいいですねー。

0 コメント:

コメントを投稿