aboutsummaryrefslogtreecommitdiff
path: root/docs/javascript.html
diff options
context:
space:
mode:
authorJacob Thornton <[email protected]>2012-05-16 19:09:57 -0700
committerJacob Thornton <[email protected]>2012-05-16 19:09:57 -0700
commita404ac33bb9e78323b84d0840735445579634b9e (patch)
treeaf7bad3f89b0fa7394f984b74b6d60e5bde15c8d /docs/javascript.html
parentb261f9781bbf31f499cb55c49451dc0c0ad43062 (diff)
downloadbootstrap-a404ac33bb9e78323b84d0840735445579634b9e.tar.xz
bootstrap-a404ac33bb9e78323b84d0840735445579634b9e.zip
modal accessibility tab control
Diffstat (limited to 'docs/javascript.html')
-rw-r--r--docs/javascript.html8
1 files changed, 7 insertions, 1 deletions
diff --git a/docs/javascript.html b/docs/javascript.html
index 7ad42ae81..3a1f151cd 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -223,8 +223,9 @@
<h2>Live demo</h2>
<p>Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.</p>
+
<!-- sample modal content -->
- <div id="myModal" class="modal hide fade">
+ <div id="myModal" class="modal hide fade" tabindex=0>
<div class="modal-header">
<button class="close" data-dismiss="modal">&times;</button>
<h3>Modal Heading</h3>
@@ -233,6 +234,11 @@
<h4>Text in a modal</h4>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p>
+ <form class="well">
+ <label>Label name</label>
+ <input type="text" class="span3" placeholder="Type something…">
+ </form>
+
<h4>Popover in a modal</h4>
<p>This <a href="#" class="btn popover-test" 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>