diff options
Diffstat (limited to 'docs/javascript.html')
| -rw-r--r-- | docs/javascript.html | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/docs/javascript.html b/docs/javascript.html index c20098085..28d91cb4e 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -235,7 +235,14 @@ $('#myModal').on('hidden', function () { <h3>Modal Heading</h3> </div> <div class="modal-body"> - <p>One fine body…</p> + <h4>Text in a modal</h4> + <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p> + + <h4>Popover in a modal</h4> + <p>This <a href="#" class="btn" rel="popover" title="A Title" data-content="And here's some amazing content. It's very engaging. right?">button</a> should trigger a popover on hover.</p> + + <h4>Twipsy tooltips in a modal</h4> + <p><a href="#" class="twipsy-test" title="Tooltip">This link</a> and <a href="#" class="twipsy-test" title="Tooltip">that link</a> should have Twipsy tooltips on hover.</p> </div> <div class="modal-footer"> <a href="#" class="btn primary">Save changes</a> @@ -274,7 +281,7 @@ $('#myModal').on('hidden', function () { <ul class="tabs"> <li class="active"><a href="#">Home</a></li> <li id="secondary" class="dropdown"> - <a href="#secondary" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a> + <a href="#secondary" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Secondary link</a></li> <li><a href="#">Something else here</a></li> @@ -302,7 +309,7 @@ $('#myModal').on('hidden', function () { </form> <ul class="nav secondary-nav"> <li id="fat-menu" class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown 1</a> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown 1 <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Secondary link</a></li> <li><a href="#">Something else here</a></li> @@ -311,7 +318,7 @@ $('#myModal').on('hidden', function () { </ul> </li> <li id="mdo-menu" class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown 2</a> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown 2 <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Secondary link</a></li> <li><a href="#">Something else here</a></li> @@ -1144,6 +1151,7 @@ $('.myCarousel').carousel({ $('.twipsy-demo.well').twipsy({ selector: "a[rel=twipsy]" }) + $('.twipsy-test').twipsy() // popover demo $("a[rel=popover]") |