rewrite browser and device support

diff --git a/_config.yml b/_config.yml
index 94448f83096f4cb71650a221f9420a6335d8efea..e39fe31d48d1af68bc03c6995c946e24a0d1e531 100644 (file)
--- a/_config.yml
+++ b/_config.yml
@@ -22,6 +22,7 @@ exclude:          [assets/less/]
 current_version:  4.0.0-alpha
 repo:             https://github.com/twbs/bootstrap
 sass_repo:        https://github.com/twbs/bootstrap-sass
+slack:            https://bootstrap-slack.herokuapp.com
 
 download:
   source:         https://github.com/twbs/bootstrap/archive/v3.3.5.zip

diff --git a/docs/_includes/nav-docs.html b/docs/_includes/nav-docs.html
index ce094fd15b7c6d9684ed245c99ade8ad21e61f3c..649f175a703b8ee9413d558231f0e7fe03246c1f 100644 (file)
--- a/docs/_includes/nav-docs.html
+++ b/docs/_includes/nav-docs.html
@@ -26,7 +26,7 @@
 
         <ul class="nav bd-sidenav">
           {% for doc in group.pages %}
-            {% assign slug = doc.title | downcase | replace: ' ', '-' %}
+            {% assign slug = doc.title | downcase | replace: ' ', '-' | replace:'-&-','-' %}
             {% assign active = nil %}
 
             {% if page.url contains slug %}
@@ -34,7 +34,7 @@
             {% endif %}
 
             <li class="{{ active }}">
-              <a href="{{ site.baseurl }}/{{ group.title | downcase | replace: ' ', '-' }}/{{ doc.title | downcase | replace: ' ', '-' }}">
+              <a href="{{ site.baseurl }}/{{ group.title | downcase | replace: ' ', '-' }}/{{ doc.title | downcase | replace: ' ', '-' | replace:'-&-','-' }}">
                 {{ doc.title }}
               </a>
 

diff --git a/docs/getting-started/support.md b/docs/getting-started/browsers-devices.md
similarity index 91%
rename from docs/getting-started/support.md
rename to docs/getting-started/browsers-devices.md
index 3712214fbd116263ab8e2c84c71999b3fab06ad5..83cd835667b2bf385f4c9cf639e769e4390cde71 100644 (file)
--- a/docs/getting-started/support.md
+++ b/docs/getting-started/browsers-devices.md
@@ -1,10 +1,10 @@
 ---
 layout: page
-title: Supported platforms
+title: Browsers and devices
 group: getting-started
 ---
 
-Bootstrap is built to work best with the latest techniques. As such, older desktop and mobile browsers may display differently, but should remain fully functional.
+Bootstrap supports a wide variety of modern browsers and devices, and some older ones. See which exact ones below, as well as detailed information on known quirks and bugs.
 
 ## Contents
 
@@ -15,6 +15,10 @@ Bootstrap is built to work best with the latest techniques. As such, older deskt
 
 Bootstrap supports the **latest, stable releases** of all major browsers and platforms. On Windows, **we support Internet Explorer 9-11**. More specific support information is provided below.
 
+### Mobile devices
+
+Generally speaking, Bootstrap supports the latest versions of each major platform's default browsers.
+
 <div class="table-responsive">
   <table class="table table-bordered table-striped">
     <thead>
@@ -22,7 +26,6 @@ Bootstrap supports the **latest, stable releases** of all major browsers and pla
         <td></td>
         <th>Chrome</th>
         <th>Firefox</th>
-        <th>Internet Explorer</th>
         <th>Opera</th>
         <th>Safari</th>
         <th>Android Browser &amp; WebView</th>
@@ -33,10 +36,9 @@ Bootstrap supports the **latest, stable releases** of all major browsers and pla
         <th scope="row">Android</th>
         <td class="text-success">Supported</td>
         <td class="text-success">Supported</td>
-        <td class="text-muted" rowspan="3" style="vertical-align: middle;">N/A</td>
         <td class="text-danger">Not supported</td>
         <td class="text-muted">N/A</td>
-        <td class="text-success">Android v5.0+<br>supported</td>
+        <td class="text-success">Android v5.0+ supported</td>
       </tr>
       <tr>
         <th scope="row">iOS</th>
@@ -46,13 +48,34 @@ Bootstrap supports the **latest, stable releases** of all major browsers and pla
         <td class="text-success">Supported</td>
         <td class="text-muted">N/A</td>
       </tr>
+    </tbody>
+  </table>
+</div>
+
+### Desktop browsers
+
+Similarly, the latest versions of most desktop browsers are supported.
+
+<div class="table-responsive">
+  <table class="table table-bordered table-striped">
+    <thead>
+      <tr>
+        <td></td>
+        <th>Chrome</th>
+        <th>Firefox</th>
+        <th>Internet Explorer</th>
+        <th>Opera</th>
+        <th>Safari</th>
+      </tr>
+    </thead>
+    <tbody>
       <tr>
-        <th scope="row">Mac OS X</th>
+        <th scope="row">Mac</th>
         <td class="text-success">Supported</td>
         <td class="text-success">Supported</td>
+        <td class="text-muted">N/A</td>
         <td class="text-success">Supported</td>
         <td class="text-success">Supported</td>
-        <td class="text-muted">N/A</td>
       </tr>
       <tr>
         <th scope="row">Windows</th>
@@ -61,7 +84,6 @@ Bootstrap supports the **latest, stable releases** of all major browsers and pla
         <td class="text-success">Supported</td>
         <td class="text-success">Supported</td>
         <td class="text-danger">Not supported</td>
-        <td class="text-muted">N/A</td>
       </tr>
     </tbody>
   </table>
@@ -114,12 +136,14 @@ Visit [Can I use...](http://caniuse.com/) for details on browser support of CSS3
 
 As of v4, Bootstrap no longer supports IE8. **If you require IE8 support, we recommend you use Bootstrap 3.** It's still supported by our team for bugfixes and documentation changes, but no new features will be added to it.
 
-Alternatively, you can add the some third party JavaScript to backfill support for the browser. You'll need the following:
+Alternatively, you may add some third party JavaScript to backfill support for IE8 to Bootstrap 4. You'll need the following:
 
 * [The HTML5 shiv](http://en.wikipedia.org/wiki/HTML5_Shiv)
 * [Respond.js](https://github.com/scottjehl/Respond)
 * [Rem unit polyfill](https://github.com/chuckcarpenter/REM-unit-polyfill)
 
+No support will be provided for this, though you may find some help from the community in [our Slack channel]({{ site.slack }}).
+
 ## IE Compatibility modes
 
 Bootstrap is not supported in the old Internet Explorer compatibility modes. To be sure you're using the latest rendering mode for IE, consider including the appropriate `<meta>` tag in your pages: