diff options
| author | Mark Otto <[email protected]> | 2013-12-15 22:10:05 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-12-15 22:10:05 -0800 |
| commit | ec261a83a565cfa13d436feebd7a67360a920e9a (patch) | |
| tree | 07d3c1d6e4cac03165e58158a926466a299d5de9 /javascript.html | |
| parent | ca14b9652cb1d1adb2561fac37db0bb75c3b5838 (diff) | |
| parent | 05b0a74d9af87c468c227fd77d71bf237100668f (diff) | |
| download | bootstrap-ec261a83a565cfa13d436feebd7a67360a920e9a.tar.xz bootstrap-ec261a83a565cfa13d436feebd7a67360a920e9a.zip | |
Merge branch 'master' of github.com:twbs/bootstrap
Diffstat (limited to 'javascript.html')
| -rw-r--r-- | javascript.html | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/javascript.html b/javascript.html index d83358a39..c330a4792 100644 --- a/javascript.html +++ b/javascript.html @@ -245,7 +245,7 @@ $('#myModal').on('show.bs.modal', function (e) { <!-- Large modal --> <button class="btn btn-primary" data-toggle="modal" data-target=".bs-modal-lg">Large modal</button> -<div class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> +<div class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> ... @@ -256,7 +256,7 @@ $('#myModal').on('show.bs.modal', function (e) { <!-- Small modal --> <button class="btn btn-primary" data-toggle="modal" data-target=".bs-modal-sm">Small modal</button> -<div class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> +<div class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> ... @@ -266,13 +266,13 @@ $('#myModal').on('show.bs.modal', function (e) { {% endhighlight %} <!-- Modal content for the above example --> - <div class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> + <div class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> - <h4 class="modal-title" id="myModalLabel">Large modal</h4> + <h4 class="modal-title" id="myLargeModalLabel">Large modal</h4> </div> <div class="modal-body"> ... @@ -280,13 +280,13 @@ $('#myModal').on('show.bs.modal', function (e) { </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> - <div class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> + <div class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> - <h4 class="modal-title" id="myModalLabel">Small modal</h4> + <h4 class="modal-title" id="mySmallModalLabel">Small modal</h4> </div> <div class="modal-body"> ... @@ -2053,7 +2053,7 @@ $('#myCarousel').on('slide.bs.carousel', function () { <p>The affix plugin toggles between three classes, each representing a particular state: <code>.affix</code>, <code>.affix-top</code>, and <code>.affix-bottom</code>. You must provide the styles for these classes yourself (independent of this plugin) to handle the actual positions.</p> <p>Here's how the affix plugin works:</p> <ol> - <li>To start, the plugin adds <code>.affix-top</code> to indicate the element is in it's top-most position. At this point no CSS positioning is required.</li> + <li>To start, the plugin adds <code>.affix-top</code> to indicate the element is in its top-most position. At this point no CSS positioning is required.</li> <li>Scrolling past the element you want affixed should trigger the actual affixing. This is where <code>.affix</code> replaces <code>.affix-top</code> and sets <code>position: fixed;</code> (provided by Bootstrap's code CSS).</li> <li>If a bottom offset is defined, scrolling past that should replace <code>.affix</code> with <code>.affix-bottom</code>. Since offsets are optional, setting one requires you to set the appropriate CSS. In this case, add <code>position: absolute;</code> when necessary. The plugin uses the data attribute or JavaScript option to determine where to position the element from there.</li> </ol> |
