Move browser feature requests to new "Most wanted features" section

docs/_data/browser-bugs.yml

@@ -68,16 +68,6 @@
   origin: >
     Bootstrap#18228
 
--
-  browser: >
-    Microsoft Edge
-  summary: >
-    Implement the `:dir()` pseudo-class from Selectors Level 4
-  upstream_bug: >
-    UserVoice#12299532
-  origin: >
-    Bootstrap#19984
-
 -
   browser: >
     Microsoft Edge
@@ -118,16 +108,6 @@
   origin: >
     Bootstrap#18365
 
--
-  browser: >
-    Firefox
-  summary: >
-    Fire `transitioncancel` event when a transition is canceled
-  upstream_bug: >
-    Mozilla#1264125
-  origin: >
-    Mozilla#1182856
-
 -
   browser: >
     Firefox
@@ -148,16 +128,6 @@
   origin: >
     Bootstrap#19670
 
--
-  browser: >
-    Firefox
-  summary: >
-    Implement the `of <selector-list>` clause of the `:nth-child()` pseudo-class
-  upstream_bug: >
-    Mozilla#854148
-  origin: >
-    Bootstrap#20143
-
 -
   browser: >
     Firefox
@@ -248,16 +218,6 @@
   origin: >
     Bootstrap#19810
 
--
-  browser: >
-    Chrome
-  summary: >
-    Implement the `:dir()` pseudo-class from Selectors Level 4
-  upstream_bug: >
-    Chromium#576815
-  origin: >
-    Bootstrap#19984
-
 -
   browser: >
     Chrome
@@ -268,16 +228,6 @@
   origin: >
     Bootstrap#12832
 
--
-  browser: >
-    Chrome
-  summary: >
-    Implement the `of <selector-list>` clause of the `:nth-child()` pseudo-class
-  upstream_bug: >
-    Chromium#304163
-  origin: >
-    Bootstrap#20143
-
 -
   browser: >
     Chrome (Windows & Linux)
@@ -298,16 +248,6 @@
   origin: >
     Bootstrap#17403
 
--
-  browser: >
-    Safari
-  summary: >
-    Implement the `:dir()` pseudo-class from Selectors Level 4
-  upstream_bug: >
-    WebKit#64861
-  origin: >
-    Bootstrap#19984
-
 -
   browser: >
     Safari (OS X)

docs/_data/browser-features.yml

@@ -0,0 +1,59 @@
+-
+  browser: >
+    Microsoft Edge
+  summary: >
+    Implement the [`:dir()` pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/:dir) from Selectors Level 4
+  upstream_bug: >
+    UserVoice#12299532
+  origin: >
+    Bootstrap#19984
+
+-
+  browser: >
+    Firefox
+  summary: >
+    Fire a [`transitioncancel` event](https://developer.mozilla.org/en-US/docs/Web/Events/transitioncancel) when a CSS transition is canceled
+  upstream_bug: >
+    Mozilla#1264125
+  origin: >
+    Mozilla#1182856
+
+-
+  browser: >
+    Firefox
+  summary: >
+    Implement the [`of <selector-list>` clause](http://caniuse.com/#feat=css-nth-child-of) of the `:nth-child()` pseudo-class
+  upstream_bug: >
+    Mozilla#854148
+  origin: >
+    Bootstrap#20143
+
+-
+  browser: >
+    Chrome
+  summary: >
+    Implement the [`of <selector-list>` clause](http://caniuse.com/#feat=css-nth-child-of) of the `:nth-child()` pseudo-class
+  upstream_bug: >
+    Chromium#304163
+  origin: >
+    Bootstrap#20143
+
+-
+  browser: >
+    Chrome
+  summary: >
+    Implement the [`:dir()` pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/:dir) from Selectors Level 4
+  upstream_bug: >
+    Chromium#576815
+  origin: >
+    Bootstrap#19984
+
+-
+  browser: >
+    Safari
+  summary: >
+    Implement the [`:dir()` pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/:dir) from Selectors Level 4
+  upstream_bug: >
+    WebKit#64861
+  origin: >
+    Bootstrap#19984

docs/browser-bugs.md

@@ -38,3 +38,32 @@ See also:
     </tbody>
   </table>
 </div>
+
+# Most wanted features
+
+There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren't yet implemented in certain browsers, thus preventing us from taking advantage of them.
+
+We publicly list these "most wanted" feature requests here, in the hopes of expediting the process of getting them implemented.
+
+<div class="table-responsive">
+  <table class="bd-browser-bugs table table-bordered table-hover">
+    <thead>
+      <tr>
+        <th>Browser(s)</th>
+        <th>Summary of feature</th>
+        <th>Upstream issue(s)</th>
+        <th>Bootstrap issue(s)</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for feat in site.data.browser-features %}
+      <tr>
+        <td>{{ feat.browser }}</td>
+        <td>{{ feat.summary | markdownify | bugify }}</td>
+        <td>{{ feat.upstream_bug | bugify }}</td>
+        <td>{{ feat.origin | bugify }}</td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>