root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 12 Packages Projects Releases Wiki Activity

Fix various small typos in documentation (#36762)

This commit is contained in:
Marc Wrobel 2022-07-18 09:30:35 +02:00 committed by Mark Otto
parent 705d6857ad
commit eae51cdf32
12 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/content/docs/5.2/about/translations.md
View File

@ -5,7 +5,7 @@ description: Links to community-translated Bootstrap documentation sites.
group: about group: about
--- ---
Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date. Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up-to-date.
{{< translations.inline >}} {{< translations.inline >}}
<ul> <ul>

2
site/content/docs/5.2/content/reboot.md
View File

@ -76,7 +76,7 @@ $font-family-sans-serif:
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default; "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
``` ```
Note that because the font stack includes emoji fonts, many common symbol/dingbat Unicode characters will be rendered as multi-colored pictographs. Their appearance will vary, depending on the style used in the browser/platform's native emoji font, and they won't be affected by any CSS `color` styles. Note that because the font stack includes emoji fonts, many common symbol/dingbat Unicode characters will be rendered as multicolored pictographs. Their appearance will vary, depending on the style used in the browser/platform's native emoji font, and they won't be affected by any CSS `color` styles.
This `font-family` is applied to the `<body>` and automatically inherited globally throughout Bootstrap. To switch the global `font-family`, update `$font-family-base` and recompile Bootstrap. This `font-family` is applied to the `<body>` and automatically inherited globally throughout Bootstrap. To switch the global `font-family`, update `$font-family-base` and recompile Bootstrap.

2
site/content/docs/5.2/extend/approach.md
View File

@ -69,7 +69,7 @@ The same goes for more complex components. While we *could* write our own form v
## Utilities ## Utilities
Utility classes—formerly helpers in Bootstrap 3—are a powerful ally in combatting CSS bloat and poor page performance. A utility class is typically a single, immutable property-value pairing expressed as a class (e.g., `.d-block` represents `display: block;`). Their primary appeal is speed of use while writing HTML and limiting the amount of custom CSS you have to write. Utility classes—formerly helpers in Bootstrap 3—are a powerful ally in combating CSS bloat and poor page performance. A utility class is typically a single, immutable property-value pairing expressed as a class (e.g., `.d-block` represents `display: block;`). Their primary appeal is speed of use while writing HTML and limiting the amount of custom CSS you have to write.
Specifically regarding custom CSS, utilities can help combat increasing file size by reducing your most commonly repeated property-value pairs into single classes. This can have a dramatic effect at scale in your projects. Specifically regarding custom CSS, utilities can help combat increasing file size by reducing your most commonly repeated property-value pairs into single classes. This can have a dramatic effect at scale in your projects.

2
site/content/docs/5.2/getting-started/contribute.md
View File

@ -50,7 +50,7 @@ We maintain the list of browsers supported through Autoprefixer in a separate fi
## RTLCSS ## RTLCSS
Bootstrap uses [RTLCSS](https://rtlcss.com/) to process compiled CSS and convert them to RTL – basically replacing horizontal direction aware properties (eg. `padding-left`) with their opposite. It allows us only write our CSS a single time and make minor tweaks using RTLCSS [control](https://rtlcss.com/learn/usage-guide/control-directives/) and [value](https://rtlcss.com/learn/usage-guide/value-directives/) directives. Bootstrap uses [RTLCSS](https://rtlcss.com/) to process compiled CSS and convert them to RTL – basically replacing horizontal direction aware properties (e.g. `padding-left`) with their opposite. It allows us only write our CSS a single time and make minor tweaks using RTLCSS [control](https://rtlcss.com/learn/usage-guide/control-directives/) and [value](https://rtlcss.com/learn/usage-guide/value-directives/) directives.
## Local documentation ## Local documentation

2
site/content/docs/5.2/getting-started/rtl.md
View File

@ -174,7 +174,7 @@ While this approach is understandable, please pay attention to the following:
## The breadcrumb case ## The breadcrumb case
The [breadcrumb separator]({{< docsref "/components/breadcrumb" >}}/#changing-the-separator) is the only case requiring its own brand new variable— namely `$breadcrumb-divider-flipped` —defaulting to `$breadcrumb-divider`. The [breadcrumb separator]({{< docsref "/components/breadcrumb" >}}/#changing-the-separator) is the only case requiring its own brand-new variable— namely `$breadcrumb-divider-flipped` —defaulting to `$breadcrumb-divider`.
## Additional resources ## Additional resources

2
site/content/docs/5.2/layout/columns.md
View File

@ -285,7 +285,7 @@ With the move to flexbox in v4, you can use margin utilities like `.me-auto` to
## Standalone column classes ## Standalone column classes
The `.col-*` classes can also be used outside a `.row` to give an element a specific width. Whenever column classes are used as non direct children of a row, the paddings are omitted. The `.col-*` classes can also be used outside a `.row` to give an element a specific width. Whenever column classes are used as non-direct children of a row, the paddings are omitted.
{{< example >}} {{< example >}}
<div class="col-3 bg-light p-3 border"> <div class="col-3 bg-light p-3 border">

4
site/content/docs/5.2/layout/grid.md
View File

@ -52,7 +52,7 @@ Be aware of the limitations and [bugs around flexbox](https://github.com/philipw
## Grid options ## Grid options
Bootstrap's grid system can adapt across all six default breakpoints, and any breakpoints you customize. The six default grid tiers are as follow: Bootstrap's grid system can adapt across all six default breakpoints, and any breakpoints you customize. The six default grid tiers are as follows:
- Extra small (xs) - Extra small (xs)
- Small (sm) - Small (sm)
@ -525,4 +525,4 @@ $container-max-widths: (
); );
``` ```
When making any changes to the Sass variables or maps, you'll need to save your changes and recompile. Doing so will output a brand new set of predefined grid classes for column widths, offsets, and ordering. Responsive visibility utilities will also be updated to use the custom breakpoints. Make sure to set grid values in `px` (not `rem`, `em`, or `%`). When making any changes to the Sass variables or maps, you'll need to save your changes and recompile. Doing so will output a brand-new set of predefined grid classes for column widths, offsets, and ordering. Responsive visibility utilities will also be updated to use the custom breakpoints. Make sure to set grid values in `px` (not `rem`, `em`, or `%`).

2
site/layouts/shortcodes/example.html
View File

@ -7,7 +7,7 @@
* lang: language used to display the code - default: "html" * lang: language used to display the code - default: "html"
* show_markup: if the markup should be output in the HTML - default: `true` * show_markup: if the markup should be output in the HTML - default: `true`
* show_preview: if the preview should be output in the HTML - default: `true` * show_preview: if the preview should be output in the HTML - default: `true`
* stackblitz_add_js: if extra JS snippet shoud le added to StackBlitz - default: `false` * stackblitz_add_js: if extra JS snippet should be added to StackBlitz - default: `false`
*/ -}} */ -}}
{{- $id := .Get "id" -}} {{- $id := .Get "id" -}}