aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2015-09-01 16:49:52 -0700
committerMark Otto <[email protected]>2015-09-01 16:49:52 -0700
commit88ec75b6e67b7f20ee72822b0df3b463160f2db4 (patch)
tree3daed28b78e1e17a8ba5134cde7e6f6f558ac99d /docs
parent82168e40140cc722c07d384a517712416531b4d8 (diff)
parentb994b1f99999daf9d4f48607b8793e8cba7b3f86 (diff)
downloadbootstrap-88ec75b6e67b7f20ee72822b0df3b463160f2db4.tar.xz
bootstrap-88ec75b6e67b7f20ee72822b0df3b463160f2db4.zip
Merge pull request #17428 from abitdodgy/docs-fix
Adds table-responsive class to docs table
Diffstat (limited to 'docs')
-rw-r--r--docs/components/navs.md54
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) {