Skip to content

B
bootstrap
Commit bc93a429 authored by Mark Otto's avatar Mark Otto
Browse files
Options

update docs to use buttons for tooltips

parent c7995cf9
Show whitespace changes
Inline Side-by-side
Showing with 7 additions and 13 deletions
assets/css/docs.css
View file @ bc93a429
...@@ -493,12 +493,6 @@ body { ...@@ -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 */
......
assets/js/application.js
View file @ bc93a429
...@@ -29,7 +29,7 @@ ...@@ -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()
......
javascript.html
View file @ bc93a429
...@@ -747,12 +747,12 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { ...@@ -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">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment