mirror of https://github.com/twbs/bootstrap.git
fix linter issues
BrowserStack / browserstack (push) Has been cancelled
Details
BrowserStack / browserstack (push) Has been cancelled
Details
This commit is contained in:
parent
95c97cd3bd
commit
f5c8756283
|
@ -18,6 +18,7 @@ The accordion uses [collapse]([[docsref:/components/collapse]]) internally to ma
|
||||||
Click the accordions below to expand/collapse the accordion content.
|
Click the accordions below to expand/collapse the accordion content.
|
||||||
|
|
||||||
To render an accordion that’s expanded by default:
|
To render an accordion that’s expanded by default:
|
||||||
|
|
||||||
- add the `.show` class on the `.accordion-collapse` element.
|
- 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`.
|
- drop the `.collapsed` class from the `.accordion-button` element and set its `aria-expanded` attribute to `true`.
|
||||||
|
|
||||||
|
|
|
@ -48,7 +48,7 @@ Effective documentation requires careful attention to structure and flow. When o
|
||||||
|
|
||||||
Inline code is available with the `<code>` 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.
|
Inline code is available with the `<code>` 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
|
// Example can be run directly in your JavaScript console
|
||||||
|
|
||||||
// Create a function that takes two arguments and returns the sum of those arguments
|
// Create a function that takes two arguments and returns the sum of those arguments
|
||||||
|
|
|
@ -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.*
|
*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
|
```js
|
||||||
// Import our custom CSS
|
// 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.*
|
*[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:
|
||||||
|
|
||||||
<img class="img-fluid" src="/docs/[[config:docs_version]]/assets/img/guides/vite-dev-server-bootstrap.png" alt="Vite dev server running with Bootstrap" />
|
<img class="img-fluid" src="/docs/[[config:docs_version]]/assets/img/guides/vite-dev-server-bootstrap.png" alt="Vite dev server running with Bootstrap" />
|
||||||
|
|
||||||
|
|
|
@ -217,7 +217,6 @@ There are also responsive `.order-first` and `.order-last` classes that change t
|
||||||
</div>
|
</div>
|
||||||
</div>`} />
|
</div>`} />
|
||||||
|
|
||||||
|
|
||||||
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.
|
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
|
```scss
|
||||||
|
|
Loading…
Reference in New Issue