Skip to content
This repository was archived by the owner on May 29, 2019. It is now read-only.

Commit cdc268f

Browse files
Justin Hallpkozlowski-opensource
Justin Hall
authored andcommitted
demo(tooltip): change demo to support bootstrap3
1 parent aac3e97 commit cdc268f

File tree

1 file changed

+24
-9
lines changed

1 file changed

+24
-9
lines changed

Diff for: src/tooltip/docs/demo.html

+24-9
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,15 @@
11
<div ng-controller="TooltipDemoCtrl">
22
<div class="well">
3-
<div>Dynamic Tooltip Text: <input type="text" ng-model="dynamicTooltipText"></div>
4-
<div>Dynamic Tooltip Popup Text: <input type="text" ng-model="dynamicTooltip"></div>
3+
<form role="form">
4+
<div class="form-group">
5+
<label>Dynamic Tooltip Text</label>
6+
<input type="text" ng-model="dynamicTooltipText" class="form-control">
7+
</div>
8+
<div class="form-group">
9+
<label>Dynamic Tooltip Popup Text</label>
10+
<input type="text" ng-model="dynamicTooltip" class="form-control">
11+
</div>
12+
</form>
513
<p>
614
Pellentesque <a><span tooltip="{{dynamicTooltip}}">{{dynamicTooltipText}}</span></a>,
715
sit amet venenatis urna cursus eget nunc scelerisque viverra mauris, in
@@ -20,12 +28,19 @@
2028
<p>
2129
I can even contain HTML. <a><span tooltip-html-unsafe="{{htmlTooltip}}">Check me out!</span></a>
2230
</p>
23-
<p>
24-
Or use custom triggers, like focus:
25-
<input type="text" value="Click me!"
26-
tooltip="See? Now click away..."
27-
tooltip-trigger="focus"
28-
tooltip-placement="right" />
29-
</p>
31+
32+
<form role="form">
33+
<div class="form-group">
34+
<label>Or use custom triggers, like focus: </label>
35+
<input type="text" value="Click me!"
36+
tooltip="See? Now click away..."
37+
tooltip-trigger="focus"
38+
tooltip-placement="right" class="form-control">
39+
</div>
40+
</form>
41+
42+
43+
44+
3045
</div>
3146
</div>

0 commit comments

Comments
 (0)