Don't line wrap event names in JS plugin docs

11 files changed, 15 insertions, 10 deletions

diff --git a/docs/_includes/js/affix.html b/docs/_includes/js/affix.html
index f32b376de..3cb846ea9 100644
--- a/docs/_includes/js/affix.html
+++ b/docs/_includes/js/affix.html
@@ -77,7 +77,7 @@ $('#myAffix').affix({
   <h3 id="affix-events">Events</h3>
   <p>Bootstrap's affix plugin exposes a few events for hooking into affix functionality.</p>
   <div class="table-responsive">
-    <table class="table table-bordered table-striped">
+    <table class="table table-bordered table-striped bs-events-table">
       <thead>
         <tr>
           <th style="width: 150px;">Event Type</th>
diff --git a/docs/_includes/js/alerts.html b/docs/_includes/js/alerts.html
index f2e70fa01..8a207cc7f 100644
--- a/docs/_includes/js/alerts.html
+++ b/docs/_includes/js/alerts.html
@@ -47,7 +47,7 @@
   <h3 id="alerts-events">Events</h3>
   <p>Bootstrap's alert plugin exposes a few events for hooking into alert functionality.</p>
   <div class="table-responsive">
-    <table class="table table-bordered table-striped">
+    <table class="table table-bordered table-striped bs-events-table">
       <thead>
         <tr>
           <th style="width: 150px;">Event Type</th>
diff --git a/docs/_includes/js/carousel.html b/docs/_includes/js/carousel.html
index 02d01bc3c..abd2890b8 100644
--- a/docs/_includes/js/carousel.html
+++ b/docs/_includes/js/carousel.html
@@ -227,7 +227,7 @@ $('.carousel').carousel({
     <li><code>relatedTarget</code>: The DOM element that is being slid into place as the active item.</li>
   </ul>
   <div class="table-responsive">
-    <table class="table table-bordered table-striped">
+    <table class="table table-bordered table-striped bs-events-table">
       <thead>
        <tr>
          <th style="width: 150px;">Event Type</th>
diff --git a/docs/_includes/js/collapse.html b/docs/_includes/js/collapse.html
index 44d05e536..a5ef03410 100644
--- a/docs/_includes/js/collapse.html
+++ b/docs/_includes/js/collapse.html
@@ -212,7 +212,7 @@ $('#myCollapsible').collapse({
   <h3 id="collapse-events">Events</h3>
   <p>Bootstrap's collapse class exposes a few events for hooking into collapse functionality.</p>
   <div class="table-responsive">
-    <table class="table table-bordered table-striped">
+    <table class="table table-bordered table-striped bs-events-table">
       <thead>
        <tr>
          <th style="width: 150px;">Event Type</th>
diff --git a/docs/_includes/js/dropdowns.html b/docs/_includes/js/dropdowns.html
index 28b599309..1bfea563c 100644
--- a/docs/_includes/js/dropdowns.html
+++ b/docs/_includes/js/dropdowns.html
@@ -165,7 +165,7 @@ $('.dropdown-toggle').dropdown()
   <h3 id="dropdowns-events">Events</h3>
   <p>All dropdown events are fired at the <code>.dropdown-menu</code>'s parent element.</p>
   <div class="table-responsive">
-    <table class="table table-bordered table-striped">
+    <table class="table table-bordered table-striped bs-events-table">
       <thead>
         <tr>
           <th style="width: 150px;">Event Type</th>
diff --git a/docs/_includes/js/modal.html b/docs/_includes/js/modal.html
index 4c0d46e9b..d33790833 100644
--- a/docs/_includes/js/modal.html
+++ b/docs/_includes/js/modal.html
@@ -378,7 +378,7 @@ $('#myModal').modal({
   <h3 id="modals-events">Events</h3>
   <p>Bootstrap's modal class exposes a few events for hooking into modal functionality.</p>
   <div class="table-responsive">
-    <table class="table table-bordered table-striped">
+    <table class="table table-bordered table-striped bs-events-table">
       <thead>
        <tr>
          <th style="width: 150px;">Event Type</th>
diff --git a/docs/_includes/js/popovers.html b/docs/_includes/js/popovers.html
index a03c8d9a8..25db7cd77 100644
--- a/docs/_includes/js/popovers.html
+++ b/docs/_includes/js/popovers.html
@@ -268,7 +268,7 @@ sagittis lacus vel augue laoreet rutrum faucibus.">
   {% highlight js %}$('#element').popover('destroy'){% endhighlight %}
   <h3 id="popovers-events">Events</h3>
   <div class="table-responsive">
-    <table class="table table-bordered table-striped">
+    <table class="table table-bordered table-striped bs-events-table">
       <thead>
         <tr>
           <th style="width: 150px;">Event Type</th>
diff --git a/docs/_includes/js/scrollspy.html b/docs/_includes/js/scrollspy.html
index d58ddbe5a..9df8dc813 100644
--- a/docs/_includes/js/scrollspy.html
+++ b/docs/_includes/js/scrollspy.html
@@ -128,7 +128,7 @@ $('[data-spy="scroll"]').each(function () {
 
   <h3 id="scrollspy-events">Events</h3>
   <div class="table-responsive">
-    <table class="table table-bordered table-striped">
+    <table class="table table-bordered table-striped bs-events-table">
       <thead>
        <tr>
          <th style="width: 150px;">Event Type</th>
diff --git a/docs/_includes/js/tabs.html b/docs/_includes/js/tabs.html
index 9de511b9a..8c5ed1f45 100644
--- a/docs/_includes/js/tabs.html
+++ b/docs/_includes/js/tabs.html
@@ -128,7 +128,7 @@ $('#myTab li:eq(2) a').tab('show') // Select third tab (0-indexed)
   </ol>
   <p>If no tab was already active, then the <code>hide.bs.tab</code> and <code>hidden.bs.tab</code> events will not be fired.</p>
   <div class="table-responsive">
-    <table class="table table-bordered table-striped">
+    <table class="table table-bordered table-striped bs-events-table">
       <thead>
        <tr>
          <th style="width: 150px;">Event Type</th>
diff --git a/docs/_includes/js/tooltips.html b/docs/_includes/js/tooltips.html
index f349d08d3..7d6107ef2 100644
--- a/docs/_includes/js/tooltips.html
+++ b/docs/_includes/js/tooltips.html
@@ -231,7 +231,7 @@ $('#example').tooltip(options)
 
   <h3 id="tooltips-events">Events</h3>
   <div class="table-responsive">
-    <table class="table table-bordered table-striped">
+    <table class="table table-bordered table-striped bs-events-table">
       <thead>
         <tr>
           <th style="width: 150px;">Event Type</th>
diff --git a/docs/assets/css/src/docs.css b/docs/assets/css/src/docs.css
index c7b13f169..63370f31c 100644
--- a/docs/assets/css/src/docs.css
+++ b/docs/assets/css/src/docs.css
@@ -1147,6 +1147,11 @@ h1[id] {
   overflow: auto;
 }
 
+/* Don't wrap event names in Events tables in JS plugin docs */
+.bs-events-table > thead > tr > th:first-child,
+.bs-events-table > tbody > tr > td:first-child {
+  white-space: nowrap;
+}
 
 /*
  * Code snippets