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:
parent
c7995cf964
commit
bc93a429a8
3 changed files with 7 additions and 13 deletions
|
@ -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 */
|
||||||
|
|
|
@ -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()
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Add table
Reference in a new issue