mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 21:49:09 +01:00
Code Issues Releases Wiki Activity

update docs to use buttons for tooltips

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/docs.css
View File

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

2
assets/js/application.js
View File

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

12
javascript.html
View File

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