From a511c44142c3bd3d750567600ad0705dc39091da Mon Sep 17 00:00:00 2001
From: lucascono <lucasconobanegas@gmail.com>
Date: Fri, 6 Oct 2017 03:16:11 +0300
Subject: [PATCH 1/2] Describe compiled CSS files.

---
 README.md                            | 10 ++++-
 docs/4.0/getting-started/contents.md | 58 +++++++++++++++++++++++++++-
 docs/4.0/getting-started/download.md |  2 +-
 3 files changed, 67 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index b9104e7e80cd..56231f7b596d 100644
--- a/README.md
+++ b/README.md
@@ -71,7 +71,15 @@ bootstrap/
 │   ├── bootstrap.css
 │   ├── bootstrap.css.map
 │   ├── bootstrap.min.css
-│   └── bootstrap.min.css.map
+│   ├── bootstrap.min.css.map
+│   ├── bootstrap-grid.css
+│   ├── bootstrap-grid.css.map
+│   ├── bootstrap-grid.min.css
+│   ├── bootstrap-grid.min.css.map
+│   ├── bootstrap-reboot.css
+│   ├── bootstrap-reboot.css.map
+│   ├── bootstrap-reboot.min.css
+│   └── bootstrap-reboot.min.css.map
 └── js/
     ├── bootstrap.js
     └── bootstrap.min.js
diff --git a/docs/4.0/getting-started/contents.md b/docs/4.0/getting-started/contents.md
index 96acbc053713..d48f5bd68793 100644
--- a/docs/4.0/getting-started/contents.md
+++ b/docs/4.0/getting-started/contents.md
@@ -18,7 +18,15 @@ bootstrap/
 │   ├── bootstrap.css
 │   ├── bootstrap.css.map
 │   ├── bootstrap.min.css
-│   └── bootstrap.min.css.map
+│   ├── bootstrap.min.css.map
+│   ├── bootstrap-grid.css
+│   ├── bootstrap-grid.css.map
+│   ├── bootstrap-grid.min.css
+│   ├── bootstrap-grid.min.css.map
+│   ├── bootstrap-reboot.css
+│   ├── bootstrap-reboot.css.map
+│   ├── bootstrap-reboot.min.css
+│   └── bootstrap-reboot.min.css.map
 └── js/
     ├── bootstrap.js
     └── bootstrap.min.js
@@ -26,6 +34,54 @@ bootstrap/
 
 This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). CSS [source maps](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps) (`bootstrap.*.map`) are available for use with certain browsers' developer tools.
 
+### Comparison of CSS files
+
+<div class="table-responsive">
+  <table class="table">
+    <thead>
+      <tr>
+        <th scope="col">CSS files</th>
+        <th scope="col" class="w-25 text-center">Layout</th>
+        <th scope="col" class="w-25 text-center">Content</th>
+        <th scope="col" class="w-25 text-center">Components</th>
+        <th scope="col" class="w-25 text-center">Utilities</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <th scope="row">
+          <div><code class="text-nowrap">bootstrap.css</code></div>
+          <div><code class="text-nowrap">bootstrap.min.css</code></div>
+        </th>
+        <td class="w-25 table-success text-center align-middle">All</td>
+        <td class="w-25 table-success text-center align-middle">All</td>
+        <td class="w-25 table-success text-center align-middle">All</td>
+        <td class="w-25 table-success text-center align-middle">All</td>
+      </tr>
+      <tr>
+        <th scope="row">
+          <div><code class="text-nowrap">bootstrap-grid.css</code></div>
+          <div><code class="text-nowrap">bootstrap-grid.min.css</code></div>
+        </th>
+        <td class="w-25 table-warning text-center align-middle">Only <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/layout/grid/">grid</a> system</td>
+        <td class="w-25 table-danger text-center align-middle">Not</td>
+        <td class="w-25 table-danger text-center align-middle">Not</td>
+        <td class="w-25 table-warning text-center align-middle">Only <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/">flex</a> utilities</td>
+      </tr>
+      <tr>
+        <th scope="row">
+          <div><code class="text-nowrap">bootstrap-reboot.css</code></div>
+          <div><code class="text-nowrap">bootstrap-reboot.min.css</code></div>
+        </th>
+        <td class="w-25 table-danger text-center align-middle">Not</td>
+        <td class="w-25 table-warning text-center align-middle">Only <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/content/reboot/">Reboot</a></td>
+        <td class="w-25 table-danger text-center align-middle">Not</td>
+        <td class="w-25 table-danger text-center align-middle">Not</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
 ## Bootstrap source code
 
 The Bootstrap source code download includes the precompiled CSS and JavaScript assets, along with source Sass, JavaScript, and documentation. More specifically, it includes the following and more:
diff --git a/docs/4.0/getting-started/download.md b/docs/4.0/getting-started/download.md
index cce660178441..9f1199317967 100644
--- a/docs/4.0/getting-started/download.md
+++ b/docs/4.0/getting-started/download.md
@@ -10,7 +10,7 @@ toc: true
 
 Download ready-to-use compiled code for **Bootstrap v{{ site.current_version}}** to easily drop into your project, which includes:
 
-- Compiled and minified CSS bundles (default, grid-only, and Reboot-only)
+- Compiled and minified CSS bundles (see [CSS files comparison]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/contents/#comparison-of-css-files))
 - Compiled and minified JavaScript plugins
 
 This doesn't include documentation, source files, or any optional JavaScript dependencies (jQuery and Popper.js).

From 88547372d427597a6782b9b5bb1f0fb6fe328e5f Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Mon, 9 Oct 2017 17:37:11 +0300
Subject: [PATCH 2/2] Fixes

---
 docs/4.0/getting-started/contents.md | 88 ++++++++++++++--------------
 1 file changed, 43 insertions(+), 45 deletions(-)

diff --git a/docs/4.0/getting-started/contents.md b/docs/4.0/getting-started/contents.md
index d48f5bd68793..3d5389fee370 100644
--- a/docs/4.0/getting-started/contents.md
+++ b/docs/4.0/getting-started/contents.md
@@ -36,51 +36,49 @@ This is the most basic form of Bootstrap: precompiled files for quick drop-in us
 
 ### Comparison of CSS files
 
-<div class="table-responsive">
-  <table class="table">
-    <thead>
-      <tr>
-        <th scope="col">CSS files</th>
-        <th scope="col" class="w-25 text-center">Layout</th>
-        <th scope="col" class="w-25 text-center">Content</th>
-        <th scope="col" class="w-25 text-center">Components</th>
-        <th scope="col" class="w-25 text-center">Utilities</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <th scope="row">
-          <div><code class="text-nowrap">bootstrap.css</code></div>
-          <div><code class="text-nowrap">bootstrap.min.css</code></div>
-        </th>
-        <td class="w-25 table-success text-center align-middle">All</td>
-        <td class="w-25 table-success text-center align-middle">All</td>
-        <td class="w-25 table-success text-center align-middle">All</td>
-        <td class="w-25 table-success text-center align-middle">All</td>
-      </tr>
-      <tr>
-        <th scope="row">
-          <div><code class="text-nowrap">bootstrap-grid.css</code></div>
-          <div><code class="text-nowrap">bootstrap-grid.min.css</code></div>
-        </th>
-        <td class="w-25 table-warning text-center align-middle">Only <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/layout/grid/">grid</a> system</td>
-        <td class="w-25 table-danger text-center align-middle">Not</td>
-        <td class="w-25 table-danger text-center align-middle">Not</td>
-        <td class="w-25 table-warning text-center align-middle">Only <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/">flex</a> utilities</td>
-      </tr>
-      <tr>
-        <th scope="row">
-          <div><code class="text-nowrap">bootstrap-reboot.css</code></div>
-          <div><code class="text-nowrap">bootstrap-reboot.min.css</code></div>
-        </th>
-        <td class="w-25 table-danger text-center align-middle">Not</td>
-        <td class="w-25 table-warning text-center align-middle">Only <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/content/reboot/">Reboot</a></td>
-        <td class="w-25 table-danger text-center align-middle">Not</td>
-        <td class="w-25 table-danger text-center align-middle">Not</td>
-      </tr>
-    </tbody>
-  </table>
-</div>
+<table class="table table-bordered table-responsive">
+  <thead>
+    <tr>
+      <th scope="col">CSS files</th>
+      <th scope="col" class="text-center">Layout</th>
+      <th scope="col" class="text-center">Content</th>
+      <th scope="col" class="text-center">Components</th>
+      <th scope="col" class="text-center">Utilities</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th scope="row">
+        <div><code class="text-nowrap">bootstrap.css</code></div>
+        <div><code class="text-nowrap">bootstrap.min.css</code></div>
+      </th>
+      <td class="table-success text-center align-middle">All</td>
+      <td class="table-success text-center align-middle">All</td>
+      <td class="table-success text-center align-middle">All</td>
+      <td class="table-success text-center align-middle">All</td>
+    </tr>
+    <tr>
+      <th scope="row">
+        <div><code class="text-nowrap">bootstrap-grid.css</code></div>
+        <div><code class="text-nowrap">bootstrap-grid.min.css</code></div>
+      </th>
+      <td class="table-warning text-center align-middle">Only <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/layout/grid/">grid</a> system</td>
+      <td class="table-danger text-center align-middle">No</td>
+      <td class="table-danger text-center align-middle">No</td>
+      <td class="table-warning text-center align-middle">Only <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/">flex</a> utilities</td>
+    </tr>
+    <tr>
+      <th scope="row">
+        <div><code class="text-nowrap">bootstrap-reboot.css</code></div>
+        <div><code class="text-nowrap">bootstrap-reboot.min.css</code></div>
+      </th>
+      <td class="table-danger text-center align-middle">No</td>
+      <td class="table-warning text-center align-middle">Only <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/content/reboot/">Reboot</a></td>
+      <td class="table-danger text-center align-middle">No</td>
+      <td class="table-danger text-center align-middle">No</td>
+    </tr>
+  </tbody>
+</table>
 
 ## Bootstrap source code