diff options
Diffstat (limited to 'site/content/docs/4.3/getting-started')
| -rw-r--r-- | site/content/docs/4.3/getting-started/browsers-devices.md | 64 | ||||
| -rw-r--r-- | site/content/docs/4.3/getting-started/build-tools.md | 53 | ||||
| -rw-r--r-- | site/content/docs/4.3/getting-started/contents.md | 32 |
3 files changed, 92 insertions, 57 deletions
diff --git a/site/content/docs/4.3/getting-started/browsers-devices.md b/site/content/docs/4.3/getting-started/browsers-devices.md index 891efe9f3..b527cf5db 100644 --- a/site/content/docs/4.3/getting-started/browsers-devices.md +++ b/site/content/docs/4.3/getting-started/browsers-devices.md @@ -24,10 +24,10 @@ We use [Autoprefixer](https://github.com/postcss/autoprefixer) to handle intende Generally speaking, Bootstrap supports the latest versions of each major platform's default browsers. Note that proxy browsers (such as Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) are not supported. -<table class="table table-bordered table-striped"> +<table class="table"> <thead> <tr> - <td></td> + <th></th> <th>Chrome</th> <th>Firefox</th> <th>Safari</th> @@ -38,27 +38,27 @@ Generally speaking, Bootstrap supports the latest versions of each major platfor <tbody> <tr> <th scope="row">Android</th> - <td class="text-success">Supported</td> - <td class="text-success">Supported</td> - <td class="text-muted">N/A</td> - <td class="text-success">Android v5.0+ supported</td> - <td class="text-success">Supported</td> + <td>Supported</td> + <td>Supported</td> + <td class="text-muted">—</td> + <td>v5.0+</td> + <td>Supported</td> </tr> <tr> <th scope="row">iOS</th> - <td class="text-success">Supported</td> - <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>Supported</td> + <td>Supported</td> + <td>Supported</td> + <td class="text-muted">—</td> + <td>Supported</td> </tr> <tr> - <th scope="row">Windows 10 Mobile</th> - <td class="text-muted">N/A</td> - <td class="text-muted">N/A</td> - <td class="text-muted">N/A</td> - <td class="text-muted">N/A</td> - <td class="text-success">Supported</td> + <th scope="row" class="text-nowrap">Windows 10 Mobile</th> + <td class="text-muted">—</td> + <td class="text-muted">—</td> + <td class="text-muted">—</td> + <td class="text-muted">—</td> + <td>Supported</td> </tr> </tbody> </table> @@ -67,10 +67,10 @@ Generally speaking, Bootstrap supports the latest versions of each major platfor Similarly, the latest versions of most desktop browsers are supported. -<table class="table table-bordered table-striped"> +<table class="table"> <thead> <tr> - <td></td> + <th></th> <th>Chrome</th> <th>Firefox</th> <th>Internet Explorer</th> @@ -82,21 +82,21 @@ Similarly, the latest versions of most desktop browsers are supported. <tbody> <tr> <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-muted">N/A</td> - <td class="text-success">Supported</td> - <td class="text-success">Supported</td> + <td>Supported</td> + <td>Supported</td> + <td class="text-muted">—</td> + <td class="text-muted">—</td> + <td>Supported</td> + <td>Supported</td> </tr> <tr> <th scope="row">Windows</th> - <td class="text-success">Supported</td> - <td class="text-success">Supported</td> - <td class="text-success">Supported, IE11</td> - <td class="text-success">Supported</td> - <td class="text-success">Supported</td> - <td class="text-danger">Not supported</td> + <td>Supported</td> + <td>Supported</td> + <td>IE11 only</td> + <td>Supported</td> + <td>Supported</td> + <td class="text-muted">—</td> </tr> </tbody> </table> diff --git a/site/content/docs/4.3/getting-started/build-tools.md b/site/content/docs/4.3/getting-started/build-tools.md index a52dc4420..2439b125e 100644 --- a/site/content/docs/4.3/getting-started/build-tools.md +++ b/site/content/docs/4.3/getting-started/build-tools.md @@ -19,15 +19,50 @@ When completed, you'll be able to run the various commands provided from the com ## Using npm scripts -Our [package.json]({{< param repo >}}/blob/v{{< param current_version >}}/package.json) includes the following commands and tasks: - -| Task | Description | -| --- | --- | -| `npm run dist` | `npm run dist` creates the `/dist/` directory with compiled files. **Uses [Sass](https://sass-lang.com/), [Autoprefixer][autoprefixer], and [terser](https://github.com/terser-js/terser).** | -| `npm test` | Same as `npm run dist` plus it runs tests locally | -| `npm run docs` | Builds and lints CSS and JavaScript for docs. You can then run the documentation locally via `npm run docs-serve`. | - -Run `npm run` to see all the npm scripts. +Our [package.json]({{< param repo >}}/blob/v{{< param current_version >}}/package.json) includes numerous tasks for developing the project. Run `npm run` to see all the npm scripts in your terminal. **Primary tasks include:** + +<table class="table"> + <thead> + <tr> + <th>Task</th> + <th>Description</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <code>npm start</code> + </td> + <td> + Compiles CSS and JavaScript, builds the documentation, and starts a local server. + </td> + </tr> + <tr> + <td> + <code>npm run dist</code> + </td> + <td> + Creates the <code>dist/</code> directory with compiled files. Requires <a href="https://sass-lang.com">Sass</a>, <a href="https://github.com/postcss/autoprefixer">Autoprefixer</a>, and <a href="https://github.com/terser-js/terser">terser</a>. + </td> + </tr> + <tr> + <td> + <code>npm test</code> + </td> + <td> + Runs tests locally after running <code>npm run dist</code> + </td> + </tr> + <tr> + <td> + <code>npm run docs</code> + </td> + <td> + Builds and lints CSS and JavaScript for docs. You can then run the documentation locally via <code>npm run docs-serve</code>. + </td> + </tr> + </tbody> +</table> ## Autoprefixer diff --git a/site/content/docs/4.3/getting-started/contents.md b/site/content/docs/4.3/getting-started/contents.md index 1db549713..e885f371e 100644 --- a/site/content/docs/4.3/getting-started/contents.md +++ b/site/content/docs/4.3/getting-started/contents.md @@ -48,7 +48,7 @@ This is the most basic form of Bootstrap: precompiled files for quick drop-in us Bootstrap includes a handful of options for including some or all of our compiled CSS. -<table class="table table-bordered"> +<table class="table"> <thead> <tr> <th scope="col">CSS files</th> @@ -64,30 +64,30 @@ Bootstrap includes a handful of options for including some or all of our compile <div><code class="font-weight-normal text-nowrap">bootstrap.css</code></div> <div><code class="font-weight-normal text-nowrap">bootstrap.min.css</code></div> </th> - <td class="text-success">Included</td> - <td class="text-success">Included</td> - <td class="text-success">Included</td> - <td class="text-success">Included</td> + <td>Included</td> + <td>Included</td> + <td>Included</td> + <td>Included</td> </tr> <tr> <th scope="row"> <div><code class="font-weight-normal text-nowrap">bootstrap-grid.css</code></div> <div><code class="font-weight-normal text-nowrap">bootstrap-grid.min.css</code></div> </th> - <td><a class="text-warning" href="{{< docsref "/layout/grid" >}}">Only grid system</a></td> - <td class="bg-light text-muted">Not included</td> - <td class="bg-light text-muted">Not included</td> - <td><a class="text-warning" href="{{< docsref "/utilities/flex" >}}">Only flex utilities</a></td> + <td><a class="text-muted" href="{{< docsref "/layout/grid" >}}">Only grid system</a></td> + <td class="text-muted">—</td> + <td class="text-muted">—</td> + <td><a class="text-muted" href="{{< docsref "/utilities/flex" >}}">Only flex utilities</a></td> </tr> <tr> <th scope="row"> <div><code class="font-weight-normal text-nowrap">bootstrap-reboot.css</code></div> <div><code class="font-weight-normal text-nowrap">bootstrap-reboot.min.css</code></div> </th> - <td class="bg-light text-muted">Not included</td> - <td><a class="text-warning" href="{{< docsref "/content/reboot" >}}">Only Reboot</a></td> - <td class="bg-light text-muted">Not included</td> - <td class="bg-light text-muted">Not included</td> + <td class="text-muted">—</td> + <td><a class="text-muted" href="{{< docsref "/content/reboot" >}}">Only Reboot</a></td> + <td class="text-muted">—</td> + <td class="text-muted">—</td> </tr> </tbody> </table> @@ -96,7 +96,7 @@ Bootstrap includes a handful of options for including some or all of our compile Similarly, we have options for including some or all of our compiled JavaScript. -<table class="table table-bordered"> +<table class="table"> <thead> <tr> <th scope="col">JS files</th> @@ -109,14 +109,14 @@ Similarly, we have options for including some or all of our compiled JavaScript. <div><code class="font-weight-normal text-nowrap">bootstrap.bundle.js</code></div> <div><code class="font-weight-normal text-nowrap">bootstrap.bundle.min.js</code></div> </th> - <td class="text-success">Included</td> + <td>Included</td> </tr> <tr> <th scope="row"> <div><code class="font-weight-normal text-nowrap">bootstrap.js</code></div> <div><code class="font-weight-normal text-nowrap">bootstrap.min.js</code></div> </th> - <td class="bg-light text-muted">Not included</td> + <td class="text-muted">—</td> </tr> </tbody> </table> |