diff options
| author | Mark Otto <[email protected]> | 2015-01-03 20:08:58 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-01-03 20:08:58 -0800 |
| commit | 0e5d17d5f651a7bd3ff7f245d75a2d9fd591c8ce (patch) | |
| tree | 69acdd16736989d5fc2af762b26fa372dcfc3521 /docs/javascript | |
| parent | 31610258de7a7eeb635103de25f7f339f872d867 (diff) | |
| parent | 57260f16b364e4cb559cd65159197fd1cf5248f7 (diff) | |
| download | bootstrap-0e5d17d5f651a7bd3ff7f245d75a2d9fd591c8ce.tar.xz bootstrap-0e5d17d5f651a7bd3ff7f245d75a2d9fd591c8ce.zip | |
Merge branch 'master' into v4
Conflicts:
Gruntfile.js
dist/css/bootstrap-theme.css
dist/css/bootstrap-theme.css.map
dist/css/bootstrap-theme.min.css
dist/css/bootstrap.css
dist/css/bootstrap.css.map
dist/css/bootstrap.min.css
dist/js/bootstrap.min.js
docs/_data/glyphicons.yml
docs/_includes/components/alerts.html
docs/_includes/components/badges.html
docs/_includes/components/breadcrumbs.html
docs/_includes/components/button-dropdowns.html
docs/_includes/components/button-groups.html
docs/_includes/components/dropdowns.html
docs/_includes/components/glyphicons.html
docs/_includes/components/input-groups.html
docs/_includes/components/jumbotron.html
docs/_includes/components/labels.html
docs/_includes/components/list-group.html
docs/_includes/components/media.html
docs/_includes/components/navbar.html
docs/_includes/components/navs.html
docs/_includes/components/page-header.html
docs/_includes/components/pagination.html
docs/_includes/components/panels.html
docs/_includes/components/progress-bars.html
docs/_includes/components/responsive-embed.html
docs/_includes/components/thumbnails.html
docs/_includes/components/wells.html
docs/_includes/css/buttons.html
docs/_includes/css/code.html
docs/_includes/css/forms.html
docs/_includes/css/grid.html
docs/_includes/css/helpers.html
docs/_includes/css/images.html
docs/_includes/css/less.html
docs/_includes/css/tables.html
docs/_includes/css/type.html
docs/_includes/customizer-variables.html
docs/_includes/getting-started/accessibility.html
docs/_includes/getting-started/disabling-responsiveness.html
docs/_includes/getting-started/download.html
docs/_includes/getting-started/whats-included.html
docs/_includes/js/alerts.html
docs/_includes/js/buttons.html
docs/_includes/js/carousel.html
docs/_includes/js/collapse.html
docs/_includes/js/modal.html
docs/_includes/js/overview.html
docs/_includes/js/popovers.html
docs/_includes/js/tabs.html
docs/_includes/js/tooltips.html
docs/_includes/nav/components.html
docs/_includes/nav/javascript.html
docs/_jade/customizer-variables.jade
docs/_layouts/default.html
docs/about.html
docs/assets/css/docs.min.css
docs/assets/css/src/docs.css
docs/assets/js/customize.min.js
docs/assets/js/raw-files.min.js
docs/assets/js/src/customizer.js
docs/customize.html
docs/dist/css/bootstrap-theme.css.map
docs/dist/css/bootstrap.css
docs/dist/css/bootstrap.css.map
docs/dist/css/bootstrap.min.css
less/glyphicons.less
less/mixins/vendor-prefixes.less
less/navbar.less
less/popovers.less
less/tables.less
less/theme.less
less/tooltip.less
less/variables.less
package.json
scss/_carousel.scss
scss/_close.scss
scss/_forms.scss
test-infra/npm-shrinkwrap.json
Diffstat (limited to 'docs/javascript')
| -rw-r--r-- | docs/javascript/alerts.md | 4 | ||||
| -rw-r--r-- | docs/javascript/modal.md | 40 | ||||
| -rw-r--r-- | docs/javascript/overview.md | 8 |
3 files changed, 42 insertions, 10 deletions
diff --git a/docs/javascript/alerts.md b/docs/javascript/alerts.md index 8d3df5d2f..4cda070f0 100644 --- a/docs/javascript/alerts.md +++ b/docs/javascript/alerts.md @@ -9,7 +9,7 @@ Add dismiss functionality to all alert messages with this plugin. {% example html %} <div class="alert alert-warning alert-dismissible fade in" role="alert"> - <button type="button" class="close" data-dismiss="alert"> + <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> <span class="sr-only">Close</span> </button> @@ -44,7 +44,7 @@ $(".alert").alert() Just add `data-dismiss="alert"` to your close button to automatically give an alert close functionality. Closing an alert removes it from the DOM. {% highlight html %} -<button type="button" class="close" data-dismiss="alert"> +<button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> <span class="sr-only">Close</span> </button> diff --git a/docs/javascript/modal.md b/docs/javascript/modal.md index 6cc34fdab..8a3b91e88 100644 --- a/docs/javascript/modal.md +++ b/docs/javascript/modal.md @@ -35,7 +35,10 @@ A rendered modal with header, body, and set of actions in the footer.</p> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"> @@ -55,7 +58,10 @@ A rendered modal with header, body, and set of actions in the footer.</p> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"> @@ -79,7 +85,10 @@ Toggle a modal via JavaScript by clicking the button below. It will slide down a <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> @@ -131,7 +140,10 @@ Toggle a modal via JavaScript by clicking the button below. It will slide down a <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> @@ -195,7 +207,10 @@ Modals have two optional sizes, available via modifier classes to be placed on a <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="myLargeModalLabel">Large modal</h4> </div> <div class="modal-body"> @@ -210,7 +225,10 @@ Modals have two optional sizes, available via modifier classes to be placed on a <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="mySmallModalLabel">Small modal</h4> </div> <div class="modal-body"> @@ -243,7 +261,10 @@ Have a bunch of buttons that all trigger the same modal, just with slightly diff <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="exampleModalLabel">New message</h4> </div> <div class="modal-body"> @@ -276,7 +297,10 @@ Have a bunch of buttons that all trigger the same modal, just with slightly diff <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="exampleModalLabel">New message</h4> </div> <div class="modal-body"> diff --git a/docs/javascript/overview.md b/docs/javascript/overview.md index 631ea519c..083c002a3 100644 --- a/docs/javascript/overview.md +++ b/docs/javascript/overview.md @@ -89,6 +89,14 @@ $('#myModal').on('show.bs.modal', function (e) { }) {% endhighlight %} +### Version numbers + +The version of each of Bootstrap's jQuery plugins can be accessed via the `VERSION` property of the plugin's constructor. For example, for the tooltip plugin: + +{% highlight js %} +$.fn.tooltip.Constructor.VERSION // => "{{ site.current_version }}" +{% endhighlight %} + ### No special fallbacks when JavaScript is disabled Bootstrap's plugins don't fall back particularly gracefully when JavaScript is disabled. If you care about the user experience in this case, use [`<noscript>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript) to explain the situation (and how to re-enable JavaScript) to your users, and/or add your own custom fallbacks. |
