diff options
| author | Mark Otto <[email protected]> | 2015-09-01 16:49:52 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-09-01 16:49:52 -0700 |
| commit | 88ec75b6e67b7f20ee72822b0df3b463160f2db4 (patch) | |
| tree | 3daed28b78e1e17a8ba5134cde7e6f6f558ac99d | |
| parent | 82168e40140cc722c07d384a517712416531b4d8 (diff) | |
| parent | b994b1f99999daf9d4f48607b8793e8cba7b3f86 (diff) | |
| download | bootstrap-88ec75b6e67b7f20ee72822b0df3b463160f2db4.tar.xz bootstrap-88ec75b6e67b7f20ee72822b0df3b463160f2db4.zip | |
Merge pull request #17428 from abitdodgy/docs-fix
Adds table-responsive class to docs table
| -rw-r--r-- | docs/components/navs.md | 54 |
1 files changed, 26 insertions, 28 deletions
diff --git a/docs/components/navs.md b/docs/components/navs.md index b27ad3542..a6c16b3f5 100644 --- a/docs/components/navs.md +++ b/docs/components/navs.md @@ -316,34 +316,32 @@ When showing a new tab, the events fire in the following order: If no tab was already active, then the `hide.bs.tab` and `hidden.bs.tab` events will not be fired. -<div class="table-responsive"> - <table class="table table-bordered table-striped"> - <thead> - <tr> - <th style="width: 150px;">Event Type</th> - <th>Description</th> - </tr> - </thead> - <tbody> - <tr> - <td>show.bs.tab</td> - <td>This event fires on tab show, but before the new tab has been shown. Use <code>event.target</code> and <code>event.relatedTarget</code> to target the active tab and the previous active tab (if available) respectively.</td> - </tr> - <tr> - <td>shown.bs.tab</td> - <td>This event fires on tab show after a tab has been shown. Use <code>event.target</code> and <code>event.relatedTarget</code> to target the active tab and the previous active tab (if available) respectively.</td> - </tr> - <tr> - <td>hide.bs.tab</td> - <td>This event fires when a new tab is to be shown (and thus the previous active tab is to be hidden). Use <code>event.target</code> and <code>event.relatedTarget</code> to target the current active tab and the new soon-to-be-active tab, respectively.</td> - </tr> - <tr> - <td>hidden.bs.tab</td> - <td>This event fires after a new tab is shown (and thus the previous active tab is hidden). Use <code>event.target</code> and <code>event.relatedTarget</code> to target the previous active tab and the new active tab, respectively.</td> - </tr> - </tbody> - </table> -</div> +<table class="table table-bordered table-striped table-responsive"> + <thead> + <tr> + <th style="width: 150px;">Event Type</th> + <th>Description</th> + </tr> + </thead> + <tbody> + <tr> + <td>show.bs.tab</td> + <td>This event fires on tab show, but before the new tab has been shown. Use <code>event.target</code> and <code>event.relatedTarget</code> to target the active tab and the previous active tab (if available) respectively.</td> + </tr> + <tr> + <td>shown.bs.tab</td> + <td>This event fires on tab show after a tab has been shown. Use <code>event.target</code> and <code>event.relatedTarget</code> to target the active tab and the previous active tab (if available) respectively.</td> + </tr> + <tr> + <td>hide.bs.tab</td> + <td>This event fires when a new tab is to be shown (and thus the previous active tab is to be hidden). Use <code>event.target</code> and <code>event.relatedTarget</code> to target the current active tab and the new soon-to-be-active tab, respectively.</td> + </tr> + <tr> + <td>hidden.bs.tab</td> + <td>This event fires after a new tab is shown (and thus the previous active tab is hidden). Use <code>event.target</code> and <code>event.relatedTarget</code> to target the previous active tab and the new active tab, respectively.</td> + </tr> + </tbody> +</table> {% highlight js %} $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { |