1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00

update docs to use buttons for tooltips

This commit is contained in:
Mark Otto 2013-07-25 11:55:12 -07:00
parent c7995cf964
commit bc93a429a8
3 changed files with 7 additions and 13 deletions

View file

@ -493,12 +493,6 @@ body {
/* Tooltips */ /* Tooltips */
.bs-example-tooltips { .bs-example-tooltips {
text-align: center; text-align: center;
margin: 0 0 10px;
list-style: none;
}
.bs-example-tooltips li {
display: inline;
padding: 0 10px;
} }
/* Popovers */ /* Popovers */

View file

@ -29,7 +29,7 @@
// tooltip demo // tooltip demo
$('.tooltip-demo').tooltip({ $('.tooltip-demo').tooltip({
selector: "a[data-toggle=tooltip]" selector: "[data-toggle=tooltip]"
}) })
$('.tooltip-test').tooltip() $('.tooltip-test').tooltip()

View file

@ -747,12 +747,12 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
<h3>Four directions</h3> <h3>Four directions</h3>
<div class="bs-example tooltip-demo"> <div class="bs-example tooltip-demo">
<ul class="bs-example-tooltips"> <div class="bs-example-tooltips">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</a></li> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</a></li> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</a></li> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
<li><a href="#" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</a></li> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
</ul> </div>
</div><!-- /example --> </div><!-- /example -->
<div class="bs-callout bs-callout-info"> <div class="bs-callout bs-callout-info">