rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-26 23:54:23 +01:00
Code Issues Actions Packages Releases Activity

fix(review)
All checks were successful
BrowserStack / browserstack (push) Has been skipped
Details

Browse Source
This commit is contained in:
Louis-Maxime Piton 2024-09-05 08:47:15 +02:00
parent 43232ea4ab
commit 423e252a1c
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/content/docs/5.3/layout/css-grid.md
View File

@ -227,7 +227,7 @@ Adding more rows and changing the placement of columns:
### Gaps ### Gaps
Change the vertical gaps only by modifying the `row-gap`. Note that we use `gap` on `.grid`s, but `row-gap` and `column-gap` can be modified as needed using either CSS properties, or CSS variables, or our [gap utilities]({{< docsref "/utilities/spacing#gap" >}}). Note that we use `gap` on `.grid`s, but `row-gap` and `column-gap` can be modified as needed using either CSS properties, or CSS variables, or our [gap utilities]({{< docsref "/utilities/spacing#gap" >}}).
{{< example class="bd-example-cssgrid" >}} {{< example class="bd-example-cssgrid" >}}
<div class="grid text-center gap-3"> <div class="grid text-center gap-3">
@ -238,6 +238,8 @@ Change the vertical gaps only by modifying the `row-gap`. Note that we use `gap`
</div> </div>
{{< /example >}} {{< /example >}}
Change the vertical gaps only by modifying the `row-gap`, here by using CSS properties.
{{< example class="bd-example-cssgrid" >}} {{< example class="bd-example-cssgrid" >}}
<div class="grid text-center" style="row-gap: 0;"> <div class="grid text-center" style="row-gap: 0;">
<div class="g-col-6">.g-col-6</div> <div class="g-col-6">.g-col-6</div>