1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-25 21:09:06 +02:00

modal accessibility tab control

This commit is contained in:
Jacob Thornton
2012-05-16 19:09:57 -07:00
parent b261f9781b
commit a404ac33bb
6 changed files with 273 additions and 216 deletions

View File

@@ -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>