diff options
author | Lucas Banegas <lucasconobanegas@gmail.com> | 2017-10-13 14:34:43 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2017-10-13 14:34:43 +0300 |
commit | 71e60e1f85e3e822bb62a919bfb9b1d4e5d7f29b (patch) | |
tree | 7876ac6e37f24f3ad1b22773e936923d6d819d9a /docs | |
parent | 03522fee489b812a02dd380f3bc5238c0a0cd6a1 (diff) |
Describe compiled CSS (#24271)
Diffstat (limited to 'docs')
-rw-r--r-- | docs/4.0/getting-started/contents.md | 56 | ||||
-rw-r--r-- | docs/4.0/getting-started/download.md | 2 |
2 files changed, 56 insertions, 2 deletions
diff --git a/docs/4.0/getting-started/contents.md b/docs/4.0/getting-started/contents.md index 96acbc0537..3d5389fee3 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,52 @@ 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 + +<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 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 cce6601784..9f11993179 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). |