From 9fe6b85c32cf157268230b50f5ce85a8ad0d45bc Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Mon, 10 Aug 2015 16:16:39 -0700
Subject: [PATCH] rewrite dropdown events in markdown

---
 docs/components/dropdowns.md | 42 +++++++++---------------------------
 1 file changed, 10 insertions(+), 32 deletions(-)

diff --git a/docs/components/dropdowns.md b/docs/components/dropdowns.md
index d726d6c798..4cbd6bf8b4 100644
--- a/docs/components/dropdowns.md
+++ b/docs/components/dropdowns.md
@@ -4,7 +4,7 @@ title: Dropdowns
 group: components
 ---
 
-Toggleable, contextual menu for displaying lists of links. Made interactive with the included dropdown JavaScript plugin.
+Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap dropdown JavaScript plugin.
 
 ## Contents
 
@@ -163,42 +163,20 @@ Regardless of whether you call your dropdown via JavaScript or instead use the d
 
 ### Methods
 
-#### $().dropdown('toggle')
-
-Toggles the dropdown menu of a given navbar or tabbed navigation.
+| Method | Description |
+| --- | --- |
+| `$().dropdown('toggle')` | Toggles the dropdown menu of a given navbar or tabbed navigation. |
 
 ### Events
 
 All dropdown events are fired at the `.dropdown-menu`'s parent element and have a `relatedTarget` property, whose value is the toggling anchor element.
 
-<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.dropdown</td>
-        <td>This event fires immediately when the show instance method is called.</td>
-      </tr>
-      <tr>
-        <td>shown.bs.dropdown</td>
-        <td>This event is fired when the dropdown has been made visible to the user (will wait for CSS transitions, to complete).</td>
-      </tr>
-      <tr>
-        <td>hide.bs.dropdown</td>
-        <td>This event is fired immediately when the hide instance method has been called.</td>
-      </tr>
-      <tr>
-        <td>hidden.bs.dropdown</td>
-        <td>This event is fired when the dropdown has finished being hidden from the user (will wait for CSS transitions, to complete).</td>
-      </tr>
-    </tbody>
-  </table>
-</div>
+| Event | Description |
+| --- | --- |
+| `show.bs.dropdown` | This event fires immediately when the show instance method is called. |
+| `shown.bs.dropdown` | This event is fired when the dropdown has been made visible to the user (will wait for CSS transitions, to complete). |
+| `hide.bs.dropdown` | This event is fired immediately when the hide instance method has been called. |
+| `hidden.bs.dropdown`| This event is fired when the dropdown has finished being hidden from the user (will wait for CSS transitions, to complete). |
 
 {% highlight js %}
 $('#myDropdown').on('show.bs.dropdown', function () {