diff --git a/site/src/content/docs/components/accordion.mdx b/site/src/content/docs/components/accordion.mdx index b4bb4f6131..b36851103f 100644 --- a/site/src/content/docs/components/accordion.mdx +++ b/site/src/content/docs/components/accordion.mdx @@ -18,6 +18,7 @@ The accordion uses [collapse]([[docsref:/components/collapse]]) internally to ma Click the accordions below to expand/collapse the accordion content. To render an accordion that’s expanded by default: + - add the `.show` class on the `.accordion-collapse` element. - drop the `.collapsed` class from the `.accordion-button` element and set its `aria-expanded` attribute to `true`. diff --git a/site/src/content/docs/components/toggler.mdx b/site/src/content/docs/components/toggler.mdx index 2c29d0d514..56da4cde94 100644 --- a/site/src/content/docs/components/toggler.mdx +++ b/site/src/content/docs/components/toggler.mdx @@ -145,4 +145,4 @@ var myToggler = document.getElementById('myToggler') myToggler.addEventListener('toggle.bs.toggler', function () { // do something... }) -``` \ No newline at end of file +``` diff --git a/site/src/content/docs/content/prose.mdx b/site/src/content/docs/content/prose.mdx index ee8489cba2..4b29275817 100644 --- a/site/src/content/docs/content/prose.mdx +++ b/site/src/content/docs/content/prose.mdx @@ -48,7 +48,7 @@ Effective documentation requires careful attention to structure and flow. When o Inline code is available with the `` element. Snippets of multiple lines of code are supported through Rouge. Longer lines will automatically scroll horizontally when needed. You may also use code fencing (triple backticks) for rendering code. -``` +```js // Example can be run directly in your JavaScript console // Create a function that takes two arguments and returns the sum of those arguments diff --git a/site/src/content/docs/getting-started/vite.mdx b/site/src/content/docs/getting-started/vite.mdx index ad691c79b1..0041285b5a 100644 --- a/site/src/content/docs/getting-started/vite.mdx +++ b/site/src/content/docs/getting-started/vite.mdx @@ -166,7 +166,7 @@ In the next and final section to this guide, we’ll import all of Bootstrap’s *You can also import our stylesheets individually if you want. [Read our Sass import docs]([[docsref:/customize/sass#importing]]) for details.* -3. **Next we load the CSS and import Bootstrap’s JavaScript.** Add the following to `src/js/main.js` to load the CSS and import all of Bootstrap’s JS. Popper will be imported automatically through Bootstrap. +2. **Next we load the CSS and import Bootstrap’s JavaScript.** Add the following to `src/js/main.js` to load the CSS and import all of Bootstrap’s JS. Popper will be imported automatically through Bootstrap. ```js // Import our custom CSS @@ -187,7 +187,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.* -4. **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 diff --git a/site/src/content/docs/layout/columns.mdx b/site/src/content/docs/layout/columns.mdx index c97a4bfa12..b0bdca4bf6 100644 --- a/site/src/content/docs/layout/columns.mdx +++ b/site/src/content/docs/layout/columns.mdx @@ -217,7 +217,6 @@ There are also responsive `.order-first` and `.order-last` classes that change t `} /> - If you need more `.order-*` classes, you can add new ones by modifying our `$utilities` Sass map. [Read our Sass maps and loops docs]([[docsref:/customize/sass#maps-and-loops]]) or [our Modify utilities docs]([[docsref:/utilities/api#modify-utilities]]) for details. ```scss