From 69e590047ba339ea0959ccc294c06489d1342933 Mon Sep 17 00:00:00 2001 From: Robert Martin Date: Sat, 20 Jan 2024 18:44:41 -0600 Subject: [PATCH 1/2] Update vite.md Fix some minor style issues in Vite tutorial --- site/content/docs/5.3/getting-started/vite.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/site/content/docs/5.3/getting-started/vite.md b/site/content/docs/5.3/getting-started/vite.md index 98bbe7b87cb2..33b76d3df6a2 100644 --- a/site/content/docs/5.3/getting-started/vite.md +++ b/site/content/docs/5.3/getting-started/vite.md @@ -15,9 +15,9 @@ thumbnail: guides/bootstrap-vite@2x.png ## Setup -We're building a Vite project with Bootstrap from scratch, so there are some prerequisites and up front steps before we can really get started. This guide requires you to have Node.js installed and some familiarity with the terminal. +We're building a Vite project with Bootstrap from scratch, so there are some prerequisites and upfront steps before we can really get started. This guide requires you to have Node.js installed and some familiarity with the terminal. -1. **Create a project folder and setup npm.** We'll create the `my-project` folder and initialize npm with the `-y` argument to avoid it asking us all the interactive questions. +1. **Create a project folder and set up npm.** We'll create the `my-project` folder and initialize npm with the `-y` argument to avoid it asking us all the interactive questions. ```sh mkdir my-project && cd my-project @@ -42,7 +42,7 @@ We're building a Vite project with Bootstrap from scratch, so there are some pre npm i --save-dev sass ``` -Now that we have all the necessary dependencies installed and setup, we can get to work creating the project files and importing Bootstrap. +Now that we have all the necessary dependencies installed and set up, we can get to work creating the project files and importing Bootstrap. ## Project structure @@ -170,7 +170,7 @@ In the next and final section to this guide, weโ€™ll import all of Bootstrapโ€™s *[Read our JavaScript docs]({{< docsref "/getting-started/javascript/" >}}) for more information on how to use Bootstrap's plugins.* -3. **And you're done! ๐ŸŽ‰** With Bootstrap's source Sass and JS fully loaded, your local development server should now look like this. +3. **And you're done! ๐ŸŽ‰** With Bootstrap's source Sass and JS fully loaded, your local development server should now look like this: Vite dev server running with Bootstrap From bd5cf864d7e0ca7416ab38e101a33cc4f08e03e7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Tue, 13 Feb 2024 19:25:31 +0100 Subject: [PATCH 2/2] Apply the same modifications to Parcel and Webpack guides --- site/content/docs/5.3/getting-started/parcel.md | 6 +++--- site/content/docs/5.3/getting-started/webpack.md | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/site/content/docs/5.3/getting-started/parcel.md b/site/content/docs/5.3/getting-started/parcel.md index 36619e7b243f..a987b4587be1 100644 --- a/site/content/docs/5.3/getting-started/parcel.md +++ b/site/content/docs/5.3/getting-started/parcel.md @@ -15,9 +15,9 @@ thumbnail: guides/bootstrap-parcel@2x.png ## Setup -We're building a Parcel project with Bootstrap from scratch, so there are some prerequisites and up front steps before we can really get started. This guide requires you to have Node.js installed and some familiarity with the terminal. +We're building a Parcel project with Bootstrap from scratch, so there are some prerequisites and upfront steps before we can really get started. This guide requires you to have Node.js installed and some familiarity with the terminal. -1. **Create a project folder and setup npm.** We'll create the `my-project` folder and initialize npm with the `-y` argument to avoid it asking us all the interactive questions. +1. **Create a project folder and set up npm.** We'll create the `my-project` folder and initialize npm with the `-y` argument to avoid it asking us all the interactive questions. ```sh mkdir my-project && cd my-project @@ -148,7 +148,7 @@ Importing Bootstrap into Parcel requires two imports, one into our `styles.scss` *[Read our JavaScript docs]({{< docsref "/getting-started/javascript/" >}}) for more information on how to use Bootstrap's plugins.* -3. **And you're done! ๐ŸŽ‰** With Bootstrap's source Sass and JS fully loaded, your local development server should now look like this. +3. **And you're done! ๐ŸŽ‰** With Bootstrap's source Sass and JS fully loaded, your local development server should now look like this: Parcel dev server running with Bootstrap diff --git a/site/content/docs/5.3/getting-started/webpack.md b/site/content/docs/5.3/getting-started/webpack.md index 0709b7ae5ef8..39adaf61a255 100644 --- a/site/content/docs/5.3/getting-started/webpack.md +++ b/site/content/docs/5.3/getting-started/webpack.md @@ -15,9 +15,9 @@ thumbnail: guides/bootstrap-webpack@2x.png ## Setup -We're building a Webpack project with Bootstrap from scratch, so there are some prerequisites and up front steps before we can really get started. This guide requires you to have Node.js installed and some familiarity with the terminal. +We're building a Webpack project with Bootstrap from scratch, so there are some prerequisites and upfront steps before we can really get started. This guide requires you to have Node.js installed and some familiarity with the terminal. -1. **Create a project folder and setup npm.** We'll create the `my-project` folder and initialize npm with the `-y` argument to avoid it asking us all the interactive questions. +1. **Create a project folder and set up npm.** We'll create the `my-project` folder and initialize npm with the `-y` argument to avoid it asking us all the interactive questions. ```sh mkdir my-project && cd my-project @@ -242,7 +242,7 @@ Importing Bootstrap into Webpack requires the loaders we installed in the first *[Read our JavaScript docs]({{< docsref "/getting-started/javascript/" >}}) for more information on how to use Bootstrap's plugins.* -4. **And you're done! ๐ŸŽ‰** With Bootstrap's source Sass and JS fully loaded, your local development server should now look like this. +4. **And you're done! ๐ŸŽ‰** With Bootstrap's source Sass and JS fully loaded, your local development server should now look like this: Webpack dev server running with Bootstrap